Color Palette & Gradient Studio
Build harmonious palettes, design CSS gradients, and check accessibility contrast — all in your browser.
Palette generator
Exporting CSS/Tailwind tokens is a Pro feature.
Gradient builder
background: linear-gradient(90deg, #4f46e5, #ec4899);Contrast checker (WCAG)
Ship palettes straight to code
One-time payment. Export palettes as CSS variables, Tailwind config, and JSON, forever.
A designer's color toolkit
Smart harmonies
Generate complementary, analogous, triadic, and monochrome palettes from any base color.
Accessible by default
Check WCAG AA/AAA contrast so your text is readable for everyone.
Copy-ready CSS
Grab hex codes and gradient CSS with one click — no fiddling.
Frequently asked questions
Is this color tool free?
Yes. Palettes, gradients, and contrast checking are free forever. Pro adds code export.
What color models do you use?
Harmonies are computed in HSL for perceptually even results, output as hex.
What does the contrast checker measure?
The WCAG contrast ratio between two colors, with AA (4.5) and AAA (7) pass indicators.
Can I export to Tailwind?
Yes — CSS variables, Tailwind config, and JSON export are part of Pro.