Color Palette Generator
Generate harmonious 5-color palettes in one click.
Tip: press Space to generate a new palette · tap a hex code to copy it · tap the lock to keep a color
How to use this tool
Generate
Hit Generate (or press Space) to create a fresh 5-color palette from color theory.
Lock favorites
Found a color you love? Lock it — it stays put while the rest re-roll.
Copy & export
Tap any hex code to copy it, or export the whole palette as CSS variables.
Frequently asked questions
How are the palettes generated?
Each palette starts from a random base hue and is built with real color theory — analogous, complementary, triadic or monochrome relationships — with tasteful saturation and lightness so you never get muddy results.
What does locking a color do?
A locked color stays exactly where it is while the other four re-roll around it. Great for building a palette around a brand color you already have.
How do I copy a single color?
Just tap the hex code on any color column — it's copied to your clipboard instantly.
What do I get when I export CSS?
Clean CSS custom properties like --color-1: #7C3AED; that you can paste straight into your stylesheet.
Is anything uploaded or saved?
No. Palettes are generated locally in your browser. Nothing leaves your device.