Color Palette Generator
Generate complementary, analogous, triadic, and monochromatic palettes from any colour.
Click any swatch to copy its hex code.
Start from any base colour and generate a complementary, analogous, triadic, or monochromatic palette built on established colour theory — the same relationships designers use to pick colours that work well together rather than clashing.
Each palette shows hex codes ready to copy directly into CSS, design tools, or a brand style guide.
Frequently asked questions
- What's the difference between complementary and analogous palettes?
- Complementary colours sit opposite each other on the colour wheel for high contrast; analogous colours sit next to each other for a more harmonious, low-contrast look.
- What is a monochromatic palette good for?
- Monochromatic palettes vary only the lightness and saturation of a single hue, producing a cohesive, subtle look often used for minimalist or professional designs.
- Can I copy the exact hex codes for use in CSS?
- Yes — every colour in the generated palette shows its hex code, which you can copy directly into your stylesheet or design tool.