TOOLTIKI Lovable tool, really free
Colour Harmony

Triadic palette generator

Nearest named colour: midnightblue

Format

Calculated in your browser · nothing is uploaded

Local · balance is what makes it loud
Advertisement
320 × 100

Gives three hues 120 degrees apart. A triad is vivid and balanced, and it needs one colour to dominate or it reads as chaos.

How to use the triadic palette generator

1 Set your colour, by picker or by typing a hex value.
2 Switch the format if you need RGB, HSL or OKLCH rather than hex.
3 Tap any swatch to copy it, or copy the whole set at once.

Even spacing is what makes a triad feel balanced and also what makes it loud: three equally distant, equally saturated hues have no hierarchy at all, so the eye has nowhere to settle. The working convention is one dominant, one supporting and one accent — the ratios matter far more than the hue selection. Triads are common in brands aimed at children and at play for exactly this reason: the balance reads as energetic. For an interface it is usually too much unless two of the three are heavily desaturated.

Questions

Three hues 120 degrees apart on the wheel.

MDN — CSS color values
Advertisement
300 × 250
Was this tool any good?
INTERNAL SIGNAL ONLY · WE USE IT TO FIND TOOLS WORTH REBUILDING