Tools · Color · Color palette generator
Color palette generator
Generate a color palette, lock the swatches you like, and reroll the rest.
Add a file and run the tool.
Your file is ready.
Try a different file, or try again.
Settings
Adjust the settings below. The result updates as you go.
Runs fully in your browser. Nothing is uploaded.
Runs fully in your browser. Nothing is uploaded.
How it works
Press the spacebar, or click New palette, for a new 5-color set.
Click the lock icon on any swatch you want to keep, then reroll the rest.
Copy a hex code, or export the whole palette as CSS, JSON, SVG, or PNG.
Frequently asked questions
Click its lock icon before you reroll - locked swatches stay put while the rest change.
Yes. Upload a JPG, PNG, WebP, GIF, or BMP under 25 MB, and the dominant colors are extracted from it.
CSS custom properties, JSON, SVG, or a PNG strip of the swatches.
No. The colors are extracted on your device - the image is never sent to a server.
Guides
A closer look at specific problems this tool solves.
Why Most "Nice" Colors Don't Actually Work Together
Five colors you each like on their own can still fight each other on a screen. Here's what actually makes a palette hold together, and why picking hues one at a time doesn't get you there.
Read the guideHow to Pull a Color Palette Straight Out of a Photo
You already have a photo whose colors work - a product shot, a mood board image, a landscape. Here's how to turn it into five usable hex codes, and what the tool is actually doing when it does that.
Read the guideIs Your Color Palette Actually Accessible? Here's How to Check
A palette can look great in a swatch strip and still be unreadable once one of those colors sits behind text. Here's what the AA/AAA badges actually mean and how to use them.
Read the guide
Comments