ColorSwatches.org

Triadic Color Palette Generator

Enter a base color to generate a triadic palette — three colors placed at equal 120° intervals around the color wheel. Triadic palettes are vivid and balanced, with no single color dominating the wheel.

Enter any hex color

What Is a Triadic Color Palette?

A triadic palette places three colors at equal 120° intervals around the color wheel, forming an equilateral triangle. At any given point on the wheel, its two triadic partners are always exactly one-third of the way around in each direction.

The Mathematics

Given a base hue \( H \):

\[ H_1 = H \]

\[ H_2 = (H + 120°) \bmod 360° \]

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

This is equivalent to dividing the 360° hue circle into three equal arcs. The resulting colors are maximally spread across the spectrum while still forming a complete harmonic set.

Characteristics

  • Vibrant — Three highly distinct hues create a bold, energetic palette.
  • Balanced — Because the hues are evenly spaced, no single color pair dominates the way they do in complementary palettes.
  • Versatile — Works for any hue; the geometric spacing ensures the palette inherits the same energy regardless of starting point.

How to Use a Triadic Palette

  • Let one color serve as the primary (backgrounds, large areas) and use the other two as accents — typically in a 60%/30%/10% ratio.
  • Reduce saturation on two of the three if the combined effect is too intense.
  • Works especially well for children's media, sports branding, and bold editorial design.

Frequently Asked Questions

Is a triadic palette harder to use than a complementary one?

Yes, for most designers. Complementary palettes have one obvious dominant and one accent. Triadic palettes require deliberate balance decisions across three colors. The 60/30/10 distribution rule helps significantly.

What are some well-known triadic color combinations?

Red, yellow, and blue (the RYB primary triad) is the most famous — used in many early education and children's brand identities. Orange, green, and violet is the complementary secondary triad.

How is triadic different from split-complementary?

Split-complementary uses three colors: a base plus two colors adjacent to the base's complement (150° and 210° away). Triadic places all three colors at pure 120° spacing. See the split-complementary generator →

More Color Tools

Monochromatic Color Palette Generator

Generate a monochromatic color palette from any starting color. Tints, shades, and tones of a single hue — clean, cohesive, and versatile.

Try it →

Analogous Color Palette Generator

Generate an analogous color palette from any starting color. 3–5 colors adjacent on the color wheel — harmonious, natural, and easy to work with.

Try it →

Hex ↔ RGB Converter

Convert between hexadecimal color codes and RGB values instantly. Enter a hex code to get RGB values, or enter R, G, B numbers to get the hex code.

Try it →

RGB to CMYK Converter

Convert between RGB and CMYK color formats. Bidirectional converter for screen-to-print color approximation, with formula explanations.

Try it →

RGB to HSL Converter

Convert between RGB and HSL color formats. Enter values in either format and see the other update instantly, with formula explanations.

Try it →

Tetradic / Square Color Palette Generator

Generate a tetradic (square) color palette from any starting color. Four colors equally spaced at 90° intervals — rich, complex, and versatile.

Try it →

Browse all tools →