Tetradic (Square) Palette Generator

Enter a base color to generate a tetradic palette — four colors equally spaced at 90° intervals around the color wheel. The tetradic (or "square") scheme forms two complementary pairs and is the richest of the standard harmonic configurations.

What Is a Tetradic Color Palette?

A tetradic palette uses four colors arranged to form a geometric shape on the color wheel. The two common configurations are:

• Square (tetradic) — Four colors equally spaced at 90° intervals. Forms a square on the wheel.
• Rectangle (double-complementary) — Two pairs of complementary colors, with the pairs separated by a smaller angle (e.g., 60°/120° pattern). Forms a rectangle on the wheel.

The Mathematics

For a square tetradic palette with base hue \( H \):

\[ H_1 = H \quad H_2 = (H + 90°) \bmod 360° \]

\[ H_3 = (H + 180°) \bmod 360° \quad H_4 = (H + 270°) \bmod 360° \]

For a rectangular tetradic palette with a gap angle \( \alpha = 60° \):

\[ H_1 = H \quad H_2 = (H + 60°) \bmod 360° \]

\[ H_3 = (H + 180°) \bmod 360° \quad H_4 = (H + 240°) \bmod 360° \]

Note that \(H_1\) & \(H_3\) form one complementary pair, and \(H_2\) & \(H_4\) form a second complementary pair.

Using a Tetradic Palette in Practice

Four-color palettes are the most complex to balance. Common guidelines:

• Let one color dominate — Assign the base color to the largest areas. The other three serve as accents and supporting tones. An equal 25%/25%/25%/25% split almost always looks chaotic.
• Vary lightness — Use a light tint of one color as your background, the mid-tone of another as your text, and reserve full-saturation colors for interactive elements.
• Use in pairs — The two complementary sub-pairs can act as "warm" and "cool" groups in a composition.

Square vs. Rectangle

• The square distributes four hues with maximum evenness — no two are closer than 90°. All four compete equally for attention.
• The rectangle creates a natural 2+2 pairing. The two pairs within it feel related, making it slightly easier to balance than the pure square.

---

Frequently Asked Questions

Why is tetradic the most complex scheme?

Every additional color in a palette multiplies the number of color relationships to manage. With four colors you have six pairs of interactions versus three for triadic and one for complementary. Maintaining harmony across all six relationships simultaneously takes more deliberate planning.

What kinds of designs benefit from a tetradic palette?

Complex infographics, data visualization systems needing four distinct categorical colors, game UIs, and editorial layouts with multiple well-defined sections. Simple, minimal designs rarely need four full hues — consider a triadic or complementary scheme instead.

Can I mix a tetradic palette with a monochromatic approach?

Yes — one effective technique is to use a tetradic palette only for key accent colors while building your main backgrounds and text from a monochromatic version of the dominant hue. This limits the tetradic complexity to places where strong visual distinction is required.