Fix your website or web app's color system.

From a brand color to a color system you can trust

1. BUILD

   One brand color in. A complete light and dark UI color system out.

   Free, available now

2. AUDIT

   Find too many colors, near-duplicates, and contrast failures in your site or CSS.

   Coming: join early access

3. FIX

   Confirm the roles, then get a migration map and rewritten CSS with a before and after.

   Coming: join early access

4. RE-CHECK

   Compare your site or CSS against your approved color system again.

   Coming: join early access

Free color tools

• Contrast Checker

  Check text and background colors against WCAG 2.2, and get the closest accessible alternatives.

• Color Scale Generator

  Turn one color into an 11-step scale from 50 to 950, and export it for CSS, Tailwind, or design tokens.

• Brand Color to Dark Mode

  One brand color in, a checked dark-mode color system out, with the reasons for every choice.

• Color Converter

  Convert a color between HEX, RGB, HSL, and OKLCH, with values that read back as exactly the same color.

Start from your stack

• shadcn/ui theme generator

  A complete, contrast-checked shadcn/ui theme for light and dark mode from one brand color.

• Tailwind color system generator

  A semantic Tailwind CSS v4 color system with light and dark mode from one brand color.

• Dark mode palette generator

  A readable, consistent dark-mode palette from one brand color, with the light mode alongside.

What you can count on

• Every recommendation comes from color science, accessibility rules, and measurable results.
• Your code never leaves your browser.