<?xml version="1.0" encoding="utf-8"?>

Square tetradic color schemes

Square tetradic color schemes

A square tetradic color scheme is a variation of a tetradic color scheme. It uses two pairs of complementary colors spaced evenly around the color wheel (with two colors in between each one). You can find a tetradic combination by placing a square on the color wheel and choosing the colors at each corner.

These color combinations are always loud and fun, and the vibrancy makes designs stand out. However, be cautious while finding a balance because these combinations can easily be overwhelming. For the best results, choose one dominant color and use others as accent colors. This way, colors won't compete for attention or overwhelm users.

Use square color schemes to:

  • Designs with color-coded elements, such as signage or transit maps
  • Create a type hierarchy with a different color for each level of heading
Improve your UX & Product skills with interactive courses that actually work