Free · no sign-up

Colour palette generator

Press space for a new palette. Lock the colours you like, then see them on a real website with free fonts.

Space new palette · click a code to copy · 🔒 keeps a colour

See it on a website

Headings Body

Northwind

This is how your palette and fonts look together on a real page. Change either one and it updates straight away.

Get startedSee examples

Monthly visitors 48,210

FastPages load in under a second on any phone.

SimpleEverything you need and nothing you don't.

YoursYour colours and fonts, everywhere.

Need ideas? See 12 coffee shop colour palettes with matching fonts.

How do I make a colour palette?: Press space or tap New palette until you see a colour you like, lock it with the padlock, and keep pressing until the rest fit. Pick a style such as Pastel or Complementary to steer the results.
What do the numbers at the top mean?: That's the contrast of the text on each colour, from 1 to 21. 4.5 or more is easy to read for body text (the WCAG AA level). Under 3 is only fine for large headings.
Can I use these colours commercially?: Yes. Colours can't be owned, so use them anywhere. The fonts in the preview are free for commercial use too.
How do I save a palette?: Copy link gives you a web address with the palette in it. Bookmark it or send it to someone. You can also copy the CSS or download a PNG.
Want more fonts to go with it?: Preview every free font with your own words.