Free tool
Color palette generator
Pick a base colour, choose a harmony, and get a cohesive five-colour palette with hex codes you can copy in one click. Free, no sign-up.
Build your palette
Pick a base colour and a harmony, or hit randomise. Click any swatch to copy its hex.
Your palette in context
Your brand
Make it unmistakably yours
One cohesive palette, working across your whole site.
Tip: press the spacebar to randomise.
Colour tips
How to build a color palette
A palette is more than nice colours - it needs range, contrast, and restraint. Keep these in mind.
Start with one base colour
Choose a single colour that fits your brand, then build the rest of the palette around it.
Build a light-to-dark range
A good palette spans a light background, mid tones, an accent, and a dark for text.
Use the 60-30-10 rule
Roughly 60% a dominant colour, 30% a secondary, 10% an accent keeps things balanced.
Check contrast for accessibility
Make sure text has enough contrast against its background so everyone can read it.
Keep it to three to five colours
Too many colours dilute a brand. A tight palette is easier to apply consistently.
Test it on a real layout
Colours look different in context. Preview the palette on an actual page before you commit.
Color palette generator FAQ
Common questions about building a colour palette and using this free tool.
- Pick a base colour and a harmony type (analogous, complementary, triadic and more). The tool uses colour theory to build a cohesive five-colour palette. Lock the colours you like and randomise the rest.
- Yes. It is completely free and runs entirely in your browser, with no sign-up required. Generate as many palettes as you like and copy any hex code with one click.
- Most strong brands use three to five colours: a dominant colour, a secondary, an accent, and one or two neutrals for backgrounds and text. Fewer colours are easier to apply consistently across your site.
- A hex code is a six-character value like #4F46E5 that represents an exact colour on screens. You paste it into design tools, website builders, and CSS to reproduce the same colour everywhere.
- Complementary colours sit opposite each other on the colour wheel and create high contrast. Analogous colours sit next to each other and feel calm and cohesive. Both make good palettes for different moods.
- Yes. Colours and hex codes cannot be trademarked as isolated values, so you are free to use any palette you generate for your brand, website, and marketing.
Love your palette?
Now build its website
Turn your palette into a real website in minutes. Build for free, pay only when you publish.
