Color Palette Generator
Build brand and campaign colour palettes with real colour-harmony rules. Lock what you like, regenerate the rest, copy HEX, RGB or HSL.
Press Space to generate · click a code to copy · click the lock to keep a colour
Runs entirely in your browser — nothing is uploaded or saved. Copy the codes you want into your brand guide before leaving; the palette resets on refresh.
Colour harmony, in plain terms
Complementary pairs opposite hues for bold contrast — good for calls-to-action. Analogous uses neighbouring hues for a calm, cohesive brand feel. Triadic spaces three hues evenly for balanced vibrancy. Monochromatic and shades stay on one hue and vary lightness for a refined, minimal identity. Lock your primary brand colour, pick a harmony mode, and generate around it to build a palette that looks deliberate rather than accidental.
Frequently Asked Questions
How do I use this colour palette generator?
Press the Generate button (or the spacebar) to create a new five-colour palette. Click the lock icon on any swatch you want to keep, then generate again to change only the unlocked ones. Click a swatch's colour code to copy it, and use the HEX / RGB / HSL toggle to switch the format. Pick a base colour and a harmony mode to steer the palette toward a specific brand colour.
What are colour harmony modes?
Harmony modes are proven relationships on the colour wheel. Complementary uses opposite hues for high contrast; analogous uses neighbouring hues for a calm, cohesive look; triadic uses three evenly-spaced hues for balanced vibrancy; monochromatic and shades vary the lightness of a single hue for a refined, minimal feel. Choosing a mode gives you palettes that look intentional rather than random.
Which colour format should I use — HEX, RGB or HSL?
HEX (like #1B9E7A) is the most common for web and design tools and is usually what you'll paste into a website or brand guide. RGB is useful for screens and some design software. HSL (hue, saturation, lightness) is the most human-readable and makes it easy to create lighter or darker variations of the same colour. This tool gives you all three \u2014 use whichever your other tools expect.
How many colours should a brand palette have?
A common approach is one or two primary brand colours, one or two secondary or accent colours, and a neutral (a near-black for text and a near-white for backgrounds). Five swatches, as generated here, is a practical working set: enough for a primary, an accent, and supporting tones without becoming hard to apply consistently. Lock your primary brand colour and generate around it to build the rest.
Is my palette saved anywhere?
No \u2014 everything runs in your browser and nothing is uploaded or stored on our servers. Copy the colour codes you want into your own brand guide or design file before leaving the page, as the palette resets when you refresh.