Choose one colour and get a matching palette using colour-wheel rules: analogous, complementary, triadic, split, tetradic or shades of one colour. Great for logos, websites, posters and room decor. Copy HEX codes or ready CSS variables.
loading toolHow to make a colour palette
- Pick a base colour (or press Random palette).
- Choose a harmony.
- Tap any colour to copy it, or copy the whole palette.
Good to know
- Use one main colour, one accent and neutrals: a palette does not mean using every colour equally.
Questions
Which harmony should I use?
Analogous feels calm and natural. Complementary gives strong contrast for buttons and calls to action. Triadic is lively but balanced. Monochrome is safe and elegant.
How do I use the CSS?
Paste the :root block into your stylesheet and use the colours as var(--color-1) and so on.
Is my data private?
Yes. Everything happens inside your own browser: nothing you type or choose is uploaded to us or anyone else.
Is it free?
Completely free, with no sign-up, no watermark and no limit on how many times you use it. Light ads keep the site running.
