TOOLTIKI Lovable tool, really free
Colour Harmony

Tetradic palette generator

Nearest named colour: midnightblue

Format

Calculated in your browser · nothing is uploaded

Local · usually one colour too many
Advertisement
320 × 100

Gives four hues 90 degrees apart, which is two complementary pairs. It offers the most colours of any classical scheme and is the hardest to keep under control.

How to use the tetradic 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.

Four hues means four things competing, and unlike a triad the pairs also relate to each other, so a badly balanced tetrad reads as two separate palettes rather than one. The standard advice is to let one hue take most of the surface and use the other three sparingly, and to vary lightness heavily so the four are distinguishable by more than hue alone. If a tetrad is not working, dropping to a triad or a split-complementary scheme almost always improves it — the extra colour is rarely earning its place.

Questions

Four hues 90 degrees apart, forming two complementary pairs.

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