Color Theory

Color Harmony Rules: A Complete Guide to Pleasing Combinations

Color harmony describes why certain color combinations feel visually pleasing while others feel discordant. The rules are based on mathematical relationships between positions on the color wheel, and they have been validated by centuries of art and design practice.

Monochromatic: One Hue, Many Values

A single hue varied in lightness and saturation. A palette of dark navy, medium blue, light blue, and pale blue-white. This is the simplest and safest harmony type. It is inherently cohesive because every color shares the same hue. The risk: monotony and insufficient contrast between elements.

Analogous: Neighboring Hues

Two to four hues adjacent on the wheel. Blue, blue-green, and green. This creates natural, comfortable combinations found extensively in nature. Slightly more variety than monochromatic, still very safe.

Complementary: Opposite Hues

Two hues directly opposite on the wheel. Blue and orange, red and green. Maximum hue contrast, maximum energy. Powerful but requires careful management to avoid visual vibration.

Split-Complementary: Softened Opposition

One hue plus the two hues flanking its complement. Blue with red-orange and yellow-orange. Most of the complementary energy with less risk of clashing.

Triadic: Three Equal Points

Three hues equally spaced at 120 degrees. Red, yellow, blue. High variety with balanced distribution. Works well when one color dominates and the others accent.

Tetradic: Four Points

Four hues forming a rectangle on the wheel. Maximum variety, hardest to manage. Best reserved for complex applications with many distinct content categories or data visualization with multiple series.

Choosing for Your Project

Monochromatic and analogous for minimal, elegant designs. Complementary and split-complementary for energetic, conversion-focused designs. Triadic for sites needing visual variety. PaletteRx's Smart Suggestions offer candidates from each harmony type, labeled by relationship.

Ready to Build Your Palette?

PaletteRx guides you from color selection to accessible, export-ready design systems in minutes.

🎨 Launch PaletteRx