UI Color Palette Designer
OKLCH palettes, WCAG checked
Free · Designed for iPad. Not verified for macOS.
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.
Ratings & Reviews
- This app hasn’t received enough ratings or reviews to display an overview.
Colour vision simulation, and nine languages.
• See the palette through protanopia, deuteranopia, tritanopia and achromatopsia, with the pairs that stop being distinguishable called out.
• Every section on the main screen now collapses, keeping a summary line while shut.
• The entire app is translated into German, Spanish, French, Italian, Japanese, Korean, Portuguese and Simplified Chinese.
• Live WCAG contrast grading, so you know a palette works before you ship it.
• Export to CSS, SwiftUI and Android XML.
The developer, Itch Studio Limited., indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy .
Data Not Collected
The developer does not collect any data from this app.
Accessibility
The developer has not yet indicated which accessibility features this app supports. Learn More
Information
- Seller
- Itch Studio Limited
- Size
- 17.7 MB
- Category
- Developer Tools
- Compatibility
Requires iOS 16.6 or later.
- iPhone
Requires iOS 16.6 or later. - iPad
Requires iPadOS 16.6 or later. - Mac
Requires macOS 13.5 or later and a Mac with Apple M1 chip or later. - Apple Vision
Requires visionOS 1.0 or later.
- iPhone
- Languages
English and 8 more
- English, French, German, Italian, Japanese, Korean, Portuguese, Simplified Chinese, Spanish
- Age Rating
4+
- 4+
- Copyright
- © Itch Studio Ltd.