Gliora
Tools

Money

Housing & transport

Life

Tools

Español

Color palette generator

Color palette generator

Complementary

Analogous

Triadic

Monochromatic

Generates harmonious combinations from a base color. Click a color to copy its HEX code.

This color palette generator builds complementary, analogous, triadic and monochromatic combinations from any base color you pick or type as HEX.

How the palettes are built

Each palette rotates or lightens the base color’s hue and lightness on the color wheel: complementary flips it 180°, analogous nudges it ±30°, triadic spreads three colors 120° apart, and monochromatic keeps the hue but varies lightness. Click a swatch to copy its HEX code — everything runs in your browser.

FAQ

What's the difference between complementary and analogous colors?
Complementary colors sit opposite each other on the color wheel (180° apart) for high contrast. Analogous colors sit next to each other (30° apart) for a calmer, more harmonious look.
What are triadic colors used for?
Triadic palettes use three colors evenly spaced (120° apart) around the wheel. They give vibrant, balanced contrast and work well for brand palettes with one dominant and two accent colors.
How do I use the generated HEX codes?
Click any swatch to copy its HEX code to your clipboard, then paste it directly into your CSS, design tool or code editor.