Color Palette Generator
Pick a base colour, choose a harmony rule, and get a balanced palette with contrast figures attached. Everything runs in your browser.
Pick a base colour, choose a harmony rule, get a balanced palette — with contrast figures attached, so a failing accent is obvious here rather than in code review.
Seven rules
Analogous, complementary, triadic, tetradic, split-complementary, square and monochromatic.
Contrast built in
Every swatch carries its ratio against black and white.
Colour-blindness preview
Simulates protanopia, deuteranopia and tritanopia. Red against green fails for roughly 1 in 12 men.
Copy-ready code
Hex, RGB, HSL and CSS custom properties. Palette history stays in your browser.
A harmony rule is a starting point, not an answer. It spaces hues evenly, which is not the same as balancing them: a pure yellow and a pure blue will not carry equal visual weight.
Frequently asked questions
Is this free?
Yes — no account, no export limit, no watermark.
Does anything get uploaded?
No. It runs entirely in your browser, and palette history never leaves the device.
Which harmony rule should I use?
Analogous for calm schemes, complementary when one colour must stand out, triadic for something livelier. Monochromatic is the safest start for interfaces.
Will these colours pass accessibility checks?
The contrast figures shown tell you. For a specific pair, use the contrast checker.
Related tools
Check a specific pair with the colour contrast checker, blend your palette into a CSS gradient, or specify it for manufacturing with the CMF spec sheet generator. For full-featured colour software, browse the directory of 621 tools.