Generate a color palette for your site and see it live
Pick one color - get 4 independent palettes built around it: that color can become the accent, the background, or even the text. Ready-made combinations based on color theory, export to Tailwind, Figma, and CSS variables in one click. Change colors, dark mode and SVG backgrounds in real time. Every setting is saved in the URL so you can share the exact same theme.
Live background patterns
Choose an SVG pattern and instantly preview it across the entire website in both light and dark mode.
Don't burn hours on options
No need to manually try dozens of combinations in Figma - you see the result instantly, on a live mockup.
It's simple
A palette of five little squares and a palette on a real interface are two different things. We show you the second one right away.
It's fast
A couple of clicks - and you have a ready color system with codes, ready to export into your project.
One color - four ready palettes
The same chosen color can become an accent on a neutral base, a bold background, or even the text color - the service instantly builds 4 independent combinations, not shades of one idea. The companion color can be picked using a classic color harmony: analogous, complementary, triadic, and others.
How the color engine worksClick the primary color in the panel at the bottom
Get 4 palettes - the color becomes the accent, the background, or the text
Fine-tune a role by hand - the edit is remembered
Everything you need for color in your interface
Every tool works on its own and inside one shared color engine
One color - a whole palette
Pick a base color - background, text, and accent are computed automatically via OKLCH
4 independent palettes
The same color becomes the accent, the background, or the text - not shades of one idea, but genuinely different combinations
Hex, rgb, hsl, oklch converter
Paste a code in any format - the rest are calculated automatically
WCAG contrast checker
Instantly see which pairs fail AA and AAA
Ready-made color harmonies
Analogous, complementary, split-complementary, triadic, tetradic - classic combinations from color theory
Export to Tailwind and Figma
Ready-made tokens, not just a flat list of hex codes
Build a palette for your landing page in 30 seconds
No sign-up, no limits on generations