Palette generator
Press space for new palettes, lock colors, export CSS. Free, no sign-up, works on phones.
CSS variables
JSON
Tip: the URL updates with every palette, so you can bookmark or share it.
How to use the palette generator
How do I keep a color?
Click Lock on any column. Locked colors stay when you press space or Generate.
Can I start from my brand color?
Yes. Open any color page and choose "Build a palette", or add ?base=yourhex to this page URL.
More: Color converter · Contrast checker · Gradient generator · Image color picker · Color blindness simulator · Shades & tints generator · Random color
Need a full color system?
We design accessible brand palettes, UI tokens and style guides at a fixed price.