Base color
#167d8d
Triadic Color Generator
3 colors
+120 degrees
#8d5c87
+240 degrees
#836d2b
Export palette
Palette output
Three hues, evenly spaced
A triadic scheme places three colors at equal distances around the hue circle, 120 degrees apart. The even spacing gives every member the same relationship to the other two, so no single color is obviously subordinate the way the second color in a complementary pair often is.
The result is livelier than an analogous set but less confrontational than a complementary pair, which is why triadic schemes turn up often in illustration, children's products, games and editorial work.
Balancing three strong colors
Three equally weighted colors competing for attention rarely works in an interface. A practical approach is to pick one as the dominant color, use the second sparingly for support and reserve the third for small accents.
Your base color is preserved exactly, and the other two are rotated in OKLCH with lightness and chroma held steady. If a triad feels too intense, reduce the chroma of the two supporting colors rather than replacing them, which keeps the spacing intact.
A triad still needs neutrals
Three hues at matching lightness give you no text color, no page background and no borders. Add neutrals separately, and run the full set through an accessibility check before using any of them behind text.
Color relationships are a starting point for a design decision, not a guarantee about how a combination will be received.
Frequently asked questions
A triad spaces three hues 120 degrees apart. A split complementary scheme keeps the base and takes the two hues flanking its opposite, which gives softer contrast and a less even distribution.