Colour Palette Generator
Build a harmonious colour palette from any starting colour. Choose a harmony rule and get matching colours with hex codes you can copy with a click.
Base colour
Harmony
How it works
Colour harmonies are sets of colours that look pleasing together because of their fixed relationships on the colour wheel. This generator converts your base colour to HSL, rotates its hue by the angles each rule defines, and returns the resulting colours as hex codes. Click any swatch to copy its code.
Complementary colours sit opposite each other (180°) for high contrast; analogous colours are neighbours (±30°) for a calm feel; triadic and tetradic spread evenly around the wheel for balanced, vibrant schemes; and monochromatic varies only lightness for a subtle, cohesive look.
Examples
- A blue base with the triadic rule gives blue, green and red.
- Analogous palettes feel calm because the hues are close together.
- Click a swatch to copy its hex code.
Frequently asked questions
- What is a colour harmony?
- A set of colours with a fixed relationship on the colour wheel — complementary, analogous, triadic and so on — that tend to look good together.
- Which harmony should I use?
- Complementary for bold contrast, analogous for a calm palette, triadic or tetradic for vibrant balance, and monochromatic for a subtle single-hue scheme.
- What colour format is used?
- The palette is generated in HSL and shown as hex codes, which you can paste directly into CSS, design tools or code.
- Can I copy the colours?
- Yes — click any swatch and its hex code is copied to your clipboard.