Brand palette generator

Shuffle a designed 5-colour palette in one tap — then make it yours.

Your photo never leaves your browser.

Good to know

What makes five colours feel like a brand

Think of a brand palette as five colours with five different jobs, not five colours you simply like. There's an anchor dark for text and buttons, confident mid-tones that carry the personality, a pale tint for backgrounds, and a neutral for everything to rest against. That spread stops a palette looking like a bag of highlighters.

How the harmony math works

Every colour sits at an angle on a wheel, from 0 to 360 degrees, and harmony is a rule for which angles to combine. Complementary picks two hues opposite for contrast, analogous stays close for a calmer feel, and triadic or monochrome space hues differently. Each hue is tuned in saturation and lightness to read as designed.

Which colour in your palette does what

Once you like a palette, assign each swatch a job instead of leaving it as decoration. The darkest colour becomes your text and primary button, the lightest becomes your background, and the most saturated mid-tone becomes your accent. Nudge each one to fine-tune it, then lock the colours you're happy with while shuffling the rest.

Where a palette from a photo comes from

Some of the best palettes already exist in a photo you love, like a product shot or a landscape. "From a photo" uses median-cut, which repeatedly splits the image's busiest colour region in half and averages what's left into representative swatches. This all happens locally: the image is never uploaded, stored, or sent anywhere.

Frequently asked questions

How do I use these colours on my website?

Use the darkest for text/buttons, the lightest for backgrounds, and the most saturated mid-tone as your accent. Copy hex codes or a CSS-variables block.

What's the difference between complementary and analogous palettes?

Complementary pairs opposite hues for high contrast; analogous uses nearby hues for a calmer, cohesive feel. This tool also does triadic and monochrome.

Can I keep a colour I like and change the rest?

Yes. Tap the lock icon on any swatch to keep it, then keep shuffling until the unlocked colours land where you want.

How do I get a palette from my own photo?

Tap “From a photo” and choose an image. The tool pulls its five dominant colours, processed entirely in your browser.

Does my photo get uploaded anywhere?

No. It's read and discarded in your browser's memory, never uploaded, saved, or sent to a server.

What can I export, and is it free?

Copy the hex codes, copy a CSS-variables block, or download a PNG swatch card. All free, no sign-up needed.