Color Palette Generator
Choose a base color and a harmony rule to generate a matching palette. Click any swatch to copy its HEX. Everything runs locally.
Base color & harmony
Click a swatch to copyAbout Palette Generator
The Palette Generator builds a coordinated palette from a base colour and a harmony rule, copying any swatch’s HEX on click. It is for designers assembling a colour scheme that works together.
Harmonious palettes follow colour-theory relationships that are tedious to calculate. Generating them locally from a rule produces a coordinated set instantly.
Step by step
- Choose a base colour.
- Pick a harmony rule, such as complementary or analogous.
- The matching palette is generated.
- Click any swatch to copy its HEX.
- Adjust the base colour to explore variations.
What it offers
- Harmony-based palette generation
- Multiple harmony rules
- Click-to-copy HEX — Palette
- Generated locally — Palette
Where it helps
- Building a brand colour scheme from one base colour
- Choosing coordinated accent colours
- Exploring complementary or analogous schemes
- Producing a palette for a design system
Tips for best results
- Choose one dominant colour and use the others as accents rather than equally.
- Verify text-and-background pairs meet contrast guidelines.
- Try a few harmony rules to find the mood that fits your design.
Pitfalls to watch for
- Using every palette colour at equal weight instead of choosing a clear primary.
- Skipping a contrast check between text and background colours.
- Picking a harmony rule that does not suit the mood you want.
Why people use it
Coordinated colours
Harmony rules produce schemes that work together.
Several rules
Explore different relationships.
Quick copy
Grab any swatch’s HEX.
Private
Generated in the browser — Palette.
Common questions
This runs entirely in your browser
No file or text you enter here is uploaded. Encoding and decoding happen on your device using native browser APIs — close the tab and nothing remains on a server.