Which harmony should I use for a website?

Analogous schemes feel calm and cohesive, which suits most interfaces. Complementary gives you a strong accent for buttons and calls to action. Many good designs use an analogous base with one complementary accent.

How many colours should a brand palette have?

Typically one primary, one accent, and a neutral range of three to five greys. More than that becomes hard to apply consistently.

Is this tool really free?

Yes. There is no signup, no watermark, no file limit, and no trial period. The site is funded by advertising, so the tools stay free for everyone.

Colour Palette Generator

How do you build a colour palette that works?

Start from one base colour and apply a colour-theory relationship — complementary, analogous, triadic, tetradic or monochromatic — to derive the rest. Analogous schemes feel cohesive and suit interfaces, while a single complementary accent gives buttons contrast. Most brand palettes need a primary, an accent and three to five neutrals.

Last updated 2026-07-30

Start from one colour and build a palette that actually works together, using established colour-theory relationships rather than guesswork.

How to use Colour Palette Generator

Pick a base colour — Choose your starting colour or paste a HEX value.
Choose a harmony — Select complementary, analogous, triadic, tetradic or monochromatic.
Copy the values — Copy any swatch as HEX or RGB for use in your design tool or CSS.

Frequently asked questions

Which harmony should I use for a website?: Analogous schemes feel calm and cohesive, which suits most interfaces. Complementary gives you a strong accent for buttons and calls to action. Many good designs use an analogous base with one complementary accent.
How many colours should a brand palette have?: Typically one primary, one accent, and a neutral range of three to five greys. More than that becomes hard to apply consistently.
Is this tool really free?: Yes. There is no signup, no watermark, no file limit, and no trial period. The site is funded by advertising, so the tools stay free for everyone.

Related tools

QR Code Generator — Create QR codes for URLs, text, phone numbers and WiFi. Customise colours and size, download as PNG. Free forever with no tracking or expiry.
Free Marketing & SEO Resources — A curated directory of genuinely free tools for SEO, content creation, social media and traffic growth — reviewed and categorised.
Convert Images to SVG Vectors — Convert PNG, JPG and WebP images into scalable SVG vectors free online. Batch conversion with ZIP download, processed entirely in your browser.
Compress Images Without Losing Quality — Compress JPG, PNG and WebP images online without visible quality loss. Batch compress, set a target size, and download instantly. Free, no uploads.
Free PDF Tools — Every PDF tool you need in one place: merge, split, compress, rotate, protect, unlock and convert PDFs. Free, no signup, processed in your browser.
Merge PDF Files — Combine multiple PDF files into one document. Reorder pages by dragging, merge unlimited files, and download instantly. Free with no uploads.