When two complementary colors of equal saturation and value touch, the edge between them appears to shimmer or vibrate. This is physically uncomfortable to view for long periods.
Tetrads are rare in UI design because screens need clarity and accessibility. But when used well, they signal innovation. tetrad color scheme
A tetrad scheme is defined by four colors that form a rectangle (or sometimes a square) on the standard 12-spoke color wheel. When two complementary colors of equal saturation and
The square tetrad consists of four colors spaced exactly 90 degrees apart on the color wheel. Because the spacing is equal, no single color "leans" toward another, creating a highly energetic and balanced palette. A classic example is the combination of red, yellow-orange, green, and blue-violet. Best Practices for Designers But when used well, they signal innovation
This rule is crucial for tetrads. It dictates that one color should dominate (60%), a second should support (30%), and the remaining two colors should be used as accents (10%). If all four colors are used in equal amounts, the design will lack a focal point and feel chaotic.
The tetrad color scheme is the daredevil of the color wheel. It involves not two, not three, but four distinct hues. Structurally, it is formed by two pairs of complementary colors. If you draw a rectangle connecting these four points on a standard color wheel, you have your tetrad.