Color palette generator
Start from a harmony or from a photo. Lock the swatches you want to keep, shuffle the rest, and export CSS. SCSS, Tailwind and JSON are there too, and the page link stores the palette.
- Lock, shuffle, export CSS
- Free, no sign-up
Lock a swatch, shuffle the rest, and export CSS. A shared link keeps these colours.
Shuffle builds a new palette. Lock a swatch to keep it.
Runs in your browser. Nothing you type or open is uploaded. Free to use, no account. More image tools
How to use it
- Shuffle, or add a photo to start from its colours.
- Lock any swatch you want to keep, then shuffle again.
- Copy or download the CSS.
Harmonies, locks and CSS
Analogous, complementary, triadic, monochrome and random each build a different relationship around one hue. Lock holds a swatch still while Shuffle replaces the others. The count runs from 2 to 8. Export writes CSS custom properties, SCSS variables, a Tailwind colour map, Tailwind v4 theme tokens, JSON, or a plain hex list.
The address ends with a short code for the colours and the locks, so a shared link opens the same palette. A photo can seed the swatches from its main colours. The CSS file downloads from this tab.
Private by design
Privacy
The palette stays in this browser. The page link stores the colour numbers when you share it, and the CSS file goes to your downloads.
This page also shows Google ads, which can use cookies. Privacy and cookies explains how.
Questions
How do I keep one colour and change the others?
Press Lock on that swatch, then Shuffle. Locked swatches stay, and the rest are drawn again.
How do I get CSS?
Leave the export on CSS. Copy export puts the variables on the clipboard, and Download palette saves palette.css.
Can I start from a photo?
Yes. Add a photo and the swatches become its main colours. You can lock and shuffle from there.
Will a link remember the palette?
Yes. The page address carries the colours and which ones are locked.