For UI, web and brand designers
Start from your brand color, a logo or a mood. ColorComposer decides what’s background, text and button, and makes every pair pass contrast in light and dark.
One payment. No subscription, no account. Not for you? Full refund within 14 days.
10 palettes free. No account, no card. Then $7.99 once for unlimited.
That's the demo. The tool has unlimited palettes, starts from your own brand color and shows every mockup.
Continue in the tool · 10 palettes freeThe problem
Most generators hand you five swatches and leave the hard part to you: which one is the button, and can anyone read it. Scroll to see the fix.
Five swatches, placed at randomBy role, contrast solved
How it works
Your brand color, a few hex values, a logo, or a mood: type “calm coffee” or pick one of ten.
Lock what you like and press Space for the rest, or ask for more like this. Contrast stays solved the whole time.
Copy CSS, design tokens for Figma, a Tailwind theme, or COLORS.md for your AI coding tool.
What you get
Every part of the tool exists to save you a step you would otherwise do by hand, or forget.
No contrast rework
Body text gets 7:1, the accent 3:1, button labels 4.5:1. When a color misses, its lightness slides until it passes. Your brand color stays untouched for the logo. So nothing fails later, in a review or an audit.
Lightness of the text color
Dark mode included
Every palette comes with a dark version. It keeps your hues and solves every lightness again, so both themes pass and share the same tokens. You design once and get both.
No surprises
Six contrast checks with a Fix button, plus six tests where palettes usually fall apart:
Black-and-white print · Color vision · White paper · Favicon · The other theme · Small buttons
Your palette, seen as designed
One brand everywhere
Website, app, social, print, ads and six packaging photos. Photos graded to your palette, and gradients that don’t turn grey. Click any element to change its color and the rest adapts. Every mockup is free.
Smooth hand-off
Design tokens for Figma, a Tailwind v4 theme with light and dark, and COLORS.md, which tells Claude Code, Cursor and other AI tools which color does which job.
Preview. The full file comes with the full version.
Try the tool freeThe difference in short
| Feature | A row of swatches | ColorComposer |
|---|---|---|
| Which color is the button | You decide | Every color has a role |
| Contrast | Checked afterwards, fixed by hand | Solved while it generates |
| Dark mode | A second palette to build | Comes with every palette |
| Your brand color | Something to work around | Kept, the rest is built around it |
| Before you commit | Five stripes | Website, app, print, packaging and photos |
| Hand-off | Hex codes | CSS, Figma tokens, Tailwind, COLORS.md |
From designers
Everything else
Watch
Price
Pay once and the tool is yours. No subscription, no account, no renewals.
Everything in the tool: unlimited palettes, every mockup, the health check, light and dark, and all exports including design tokens for Figma, Tailwind v4 and COLORS.md.
Your first 10 palettes are free, with every mockup, the health check, light and dark, and CSS. One payment unlocks unlimited palettes and the three hand-off formats.
If it saves you one round of contrast fixes, it has paid for itself.
| Feature | Free | Full · $7.99 |
|---|---|---|
| Palettes | 10 | Unlimited |
| Mockups, health check, light and dark, CSS, share link | ✓ | ✓ |
| Design tokens for Figma, Tailwind v4, COLORS.md | – | ✓ |
Not for you? Full refund within 14 days. Just reply to your receipt email.
You keep version 1 for good. Price in US dollars plus VAT where it applies. Payment and refunds via Lemon Squeezy, our reseller.
Coolors gives you five colors and leaves the rest to you. ColorComposer tells you which one is the button, fixes the contrast, builds the dark mode and hands it all to Figma. Use whichever saves you more time.
Keep it. Set it as accent or secondary, and wherever text or a button needs contrast, ColorComposer uses a lighter or darker shade of the same color. The original stays in the export for the logo and large areas.
For color contrast, yes: body text reaches 7:1 (AAA), button labels and text on secondary 4.5:1 (AA), the accent 3:1. That covers the colors. It does not replace an accessibility check of your whole design.
Export the design tokens (W3C format) and bring them in with a Figma variables importer or Style Dictionary. Light and dark are both in the file. Developers get the same names as CSS or a Tailwind theme.
Everything you made stays. Editing, fixes, variations, mockups, light and dark, CSS and the share link keep working. Only starting new palettes and the three hand-off formats need the full version, $7.99 once.
Every time you press Generate, pick a variation, or start from a mood, a hex or a logo. Editing a color does not count.
You get a license key by email and on the receipt page. Paste it into the tool once. It works in up to three browsers.
No. There is no account. Palettes stay in your browser and in the links you copy. The site counts visits without cookies.
It is built and looked after by one designer. A one-time price keeps it free of ads, accounts and upsells.
$7.99 once, and it's yours. If it doesn't earn its place in your workflow, you get a full refund within 14 days.
10 palettes free. No account, no card. If it saves you an afternoon, it's $7.99 once.