What is a triadic colour scheme?

A triadic scheme uses three hues spaced evenly — 120 degrees apart — around the colour wheel. It is vivid yet balanced, and works best with one dominant colour and two accents.

How are the other two colours calculated?

The tool reads the hue, saturation and lightness of your base colour, then rotates the hue by +120° and +240° while keeping saturation and lightness fixed, so the three colours share intensity.

Is anything sent to a server?

No — the palette is generated entirely in your browser and nothing is uploaded.

Triadic Color Scheme Generator

Build a balanced triadic palette — three hues 120° apart.

Triadic colour palette

A triadic colour scheme uses three hues spaced evenly around the colour wheel, 120° apart. The result is vibrant but balanced — ideal when you want contrast without clashing.

Pick a base colour and this tool rotates its hue by 120° and 240°, keeping saturation and lightness constant so all three colours feel related. Click any swatch to copy its hex. Everything runs in your browser — nothing is uploaded.