Generate, lock, shuffle
- Generate rolls new vibrant colors for every unlocked card.
- Tap the lock on a swatch you like so the next Generate leaves it alone.
- Shuffle only reorders unlocked colors — handy when the set is good but the sequence is not.
Color palette generator tips
Quick ways to get useful swatches from the free studio: lock keepers, shuffle the rest, copy hex or CSS, then paint your word cloud.
Last updated:
Copy hex, RGB, or CSS
- Click a swatch card to copy its hex code.
- Each card also shows
rgb()for design tools that prefer channels. - Copy CSS builds
:root { --color-1: … }for all five swatches.
Keep working across sessions
Your last palette and lock state save automatically in this browser’s localStorage. Reopen the studio page to continue — nothing is uploaded to a server.
FAQ
How many colors does the palette generator create?
The studio creates five swatch cards by default. Each shows hex and RGB. Generate refreshes unlocked colors; locked ones stay until you unlock them.
What does Copy CSS do?
It copies a :root block with --color-1 through --color-5 set to your current hex values so you can paste them into a stylesheet or design token file.
Can I use the palette with the word cloud?
Yes. On the studio page, Render Cloud and Recolor Cloud paint words using the current palette colors in order.