Home › Tools › Palette generator
Color palette generator
This color palette generator turns one sentence into 10 palettes, each drawn in the proportions you would actually use on a page. Press space to shuffle any of them, lock the colors you like, and take the palette out with the job of each color attached.
Uses 1 of your 20 daily AI credits, shared across the AI tools.
Fine-tune it
Press space to shuffle. Lock the colors you like; they stay while the rest change.
Your palette on a page
We give each color a job: the lightest becomes the page, the one that reads best becomes text, the most colorful becomes buttons and links.
Plan your quarter in one place
Northwind keeps your team’s goals, deadlines and notes together, so nobody has to chase an update.
Updated 3 days ago, 4 min read
Read the case study
1 thing is hard to read with this palette.
Fix it in the contrast checkerHow to use this palette
Our suggestion for the palette above: how much of the screen each color should take, and what it’s for. It updates as you change the palette.
- Page
#FBF9F4
The background most of the screen sits on.46% - Surface
#EDE4F0
Cards, panels and sections that sit on the page.24% - Text
#181319
Headings and body text.14% - Accent
#BF3425
Buttons, links and highlights. Keep it small so it stands out.9% - Neutral
#736C75
Captions, borders and icons.7%
The accent is strong enough for links and small text as well as buttons.
Five ways colors get along
Each press of space picks one of these patterns, starting from a color you’ve locked or a random one. That’s why the results look planned rather than random.
Analogous. Calm and natural. The colors sit side by side, so nothing fights. Good for backgrounds, wellness and food.
How to generate a brand color palette
- Describe the brandWrite one sentence about the brand or the mood and press Generate. 10 palettes come back, each drawn in the proportions you would use them in.
- Open one on the stageClick any palette in the rail to load it into the stage below, where you can change it. Or skip the prompt and press space to shuffle a palette out of a color harmony, free.
- Lock what you likePress the lock on a color to hold it. Locked colors stay exactly as they are through every shuffle; only the unlocked ones change.
- Edit, add or remove a colorPress the pencil on a color to type a hex, the cross to remove it, or the plus at the end to add one. A palette runs from 2 to 8 colors.
- Export itPress Export to copy the palette as CSS variables, a Tailwind config or plain hex codes, or to download a PNG or SVG swatch sheet. Each value is named for the job it does.
Questions people ask
Short answers about the generator and the palettes it makes.
More free tools
All tools- Contrast checkerWCAG ratios
- Palette visualizerPalettes on mockups
- Image compressorSmaller JPG, PNG, WebP
- Image resizerEvery size, every photo
- Image converterHEIC, RAW, PSD, TIFF
- Remove backgroundTransparent PNG
- Image to SVG converterRaster to vector
- SVG editorRecolor, erase, export
One file is free. Four hundred, on brand, in every size, is what we do.