Colour Palette Generator
Build harmonious 5-colour palettes — analogous, complementary, triadic, monochrome or random — and export them.
About Colour Palette Generator
This colour palette generator helps you find colour combinations that work together. Pick a base colour and a harmony rule, analogous, complementary, triadic or monochrome, or go fully random. Press Space or Generate for fresh ideas, and lock the colours you like so they stay while the rest change.
Click any hex code to copy it, or export the palette as CSS variables or JSON for your website, app or brand kit. It suits designers, developers, students and small businesses choosing a colour scheme from one colour. It runs in your browser and is free with no sign-up.
How to use Colour Palette Generator
- Pick a base colour and a harmony rule.
- Press Space or Generate for fresh ideas.
- Lock the colours you like so they stay.
- Click a hex code to copy, or export CSS variables / JSON.
Frequently asked questions
Which harmony should I choose?
Analogous feels calm and cohesive; complementary gives strong contrast for buttons and highlights; triadic is lively and balanced; monochrome is elegant and safe for text-heavy designs.
How do I keep a colour?
Click the lock icon on a swatch. Locked colours stay put while the others change.
How do I use the exported CSS?
Paste the :root block into your stylesheet, then use var(--color-1) anywhere in your CSS.
How do I make a colour palette from one colour?
Set that colour as the base, choose a harmony rule and click Generate. The other four colours are built around it.
What is a good colour combination for a website?
Use one main brand colour, one contrasting accent for buttons, and neutral shades for text and backgrounds. A complementary or analogous palette is a safe start.
People also search for
colour palette generator free · colour palette generator · colour palette generator for website · colour palette generator from one colour · colour palette generator online · color palette online · colour scheme online · color combination online · colour palette generator online free · color palette generator · color palette online generator · colour scheme