Free tool

Color palette generator

Build a palette from one colour or a photo. Get matching colours, shades, and code you can paste straight in.

Pick a colour

RGB 249, 115, 22 · HSL 25, 95%, 53%

Or pull from an image

Drop an image

PNG, JPG, SVG, or WebP

Colour harmonies

Complementary

Analogous

Triadic

Split complementary

Your palette

Click any colour to copy its hex code.

Primary#f97316

Secondary#c7964b

Accent#3692b5

Background#fef9f7

Text#1f1916

Muted#77706d

Border#e7e4e2

Light mode

Heading text

A line of body text below it.

Dark mode

Heading text

A line of body text below it.

Shades and tints

Darker

Lighter

Export

:root {
  --color-primary: #f97316;
  --color-secondary: #c7964b;
  --color-accent: #3692b5;
  --color-background: #fef9f7;
  --color-text: #1f1916;
  --color-text-muted: #77706d;
  --color-border: #e7e4e2;
}

How to pick brand colours

Start with one colour you like, then let the tool fill in the rest. A good brand palette has one main colour, one or two that go with it, and a few neutrals for text and backgrounds. Keep it small. Two or three colours used the same way every time look far more put together than a rainbow. If you already have a logo or a photo you love, drop it in and build the palette around the colours that are already there.

Frequently asked questions

Is this colour palette generator free?

Yes. No sign-up and no limit. Make as many palettes as you want.

Can I get colours from a photo?

Yes. Drop in any image and we pull the main colours out of it. Tap one to use it as your base colour.

What are complementary and analogous colours?

Complementary colours sit opposite each other and give strong contrast. Analogous colours sit next to each other and feel calm and tidy. The tool shows both so you can pick the look you want.