UI Color Palette Designer

Two sliders, a whole interface palette, and a live WCAG contrast report that tells you it works before you ship it.

Design a complete interface palette in seconds, then check it before you ship.

Two sliders, hue and chroma, generate a full and coherent set of colors: backgrounds, text, borders, actions and alerts. Everything updates live, so you watch the whole system react as you drag.

BUILT ON OKLCH Colors are generated in OKLCH, so lightness stays perceptually even across the palette. Reds don't land darker than yellows, and every token keeps the weight you intended. Out-of-gamut colors are mapped by reducing chroma, never by clipping the hue.

SEE IT ON REAL UI A sample screen (nav bar, hero card, buttons, a search field and status badges) renders in your palette while you work. It is the fastest way to tell whether a palette actually holds up.

WCAG CONTRAST, GRADED LIVE Every pairing that matters is scored against WCAG 2.1: text on background, muted text, primary and secondary actions, and each alert color. Each one is graded AAA, AA, AA Large or Fail, with the exact ratio. You find out in the app, not in review.

COLOUR VISION, SIMULATED See the palette as viewers with protanopia, deuteranopia, tritanopia or achromatopsia see it, side by side with the original. Any pair of meaning-carrying colours that stops being distinguishable is listed, with whether the deficiency caused it or the colours were always too close, because the fix differs.

EXPORT WHERE YOU WORK • CSS custom properties, in OKLCH or HSL • A CSS theme with light and dark together • A SwiftUI Color extension • Android XML color resources Copy to the clipboard, or save the file.

PRESETS THAT FOLLOW YOU Save a palette you like, rename it, and reapply it with one tap. Presets sync privately through your own iCloud account.

SHARE THE PALETTE Render the whole palette as an image, save it to Photos, or send it to whoever needs it.

ALSO • Light and dark themes, one tap apart • Tap any swatch to copy its hex • Undo on every edit • Alert colors previewed in context, with their contrast • iPhone and iPad, with a side-by-side layout on larger screens

No account. No tracking. No analytics. Your presets and settings stay yours.