Create harmonious colour schemes for websites, brands and designs with one click.
What is the Color Palette Generator?
Choosing colours that work together is hard. This palette generator creates five-colour schemes from a base colour using colour-theory harmonies – complementary, analogous, triadic, tetradic, monochrome and shades & tints – or completely random palettes. Lock the colours you like and keep generating the rest.
Export the palette as CSS variables or a Tailwind config snippet for your website or app.
How to use the Color Palette Generator
- Pick a base colour and a harmony type.
- Press Generate (or the Space bar) until you like it; lock favourites with 🔓.
- Click colours to copy them or copy the CSS.
Using a palette on a website
- 60% neutral/background, 30% primary brand colour, 10% accent (the 60-30-10 rule).
- Check text readability with our Color Contrast Checker.
- Keep the same palette across your logo, website and social posts.
Frequently asked questions
What is a complementary palette?
Colours opposite each other on the colour wheel – high contrast and energetic.
What is analogous?
Neighbouring colours – calm and harmonious.
Can I get colours from a photo?
Use our Color Palette Extractor.
Is it free?
Yes.
This color palette generator is 100% free, needs no signup and works on phones, tablets and computers.
Last updated: · By NodifyTech