Combinations

Color pairing guides

Pick a color and see what goes with it. Every pairing is computed from the color's real hue position, measured in ΔE, and rendered as a palette you can copy. The band on each card previews the guide's actual first partners.

Showing all 100 guides

The method

How every pairing is computed

The strips below are generated live from one exemplar (Teal, #008080) by the same engine that builds all 100 guides. Tap any segment to copy it.

  • The complement
    ?

    Complementary colors

    Two colors opposite each other on the wheel. They create the strongest contrast and make each other look more intense, so they work best used unevenly.Full glossary entry →
    Opposite on the wheel; each makes the other look more saturated. The highest-energy pairing on every guide.
  • The neighbors
    ?

    Analogous colors

    Colors that sit next to each other on the wheel, within about 30 degrees. They share an undertone and read as calm and cohesive.Full glossary entry →
    About 30 degrees away on either side. Shared undertone, calm result; the workhorse pairings of interiors and wardrobes.
  • The split pair
    ?

    Split-complementary

    A base color plus the two colors on either side of its complement. It keeps most of a complement's contrast with less tension.Full glossary entry →
    Near the complement but softened by 30 degrees: most of the contrast, much less tension.
  • Tints, shades, neutrals
    ?

    Tint

    A color mixed with white, which raises its lightness. Pink is a tint of red. Tints feel softer and more open than the base color.Full glossary entry →
    The same hue lightened, deepened, and grayed. Every guide closes with the tonal partners that make the loud ones work.

FAQ

Quick answers

How are these color pairings decided?
Every pairing is computed from the subject color's real OKLCH hue position: its complement, wheel neighbors, split-complements, triad, plus tints, shades, and a working neutral. Each partner carries a measured ΔE difference, so the reasoning is arithmetic, not opinion.
How do I find what goes with my exact color?
Pick the nearest of the 100 guides below, or paste your exact code into the palette generator and lock it: the generator computes the same relationships for any of the 16,777,216 colors, not just the charted ones.
Can I copy the palettes from a guide?
Yes: every rendered palette on every guide copies per-swatch with one click, and each partner color links to its full page with codes, contrast data, and further pairings.

Popular colors

Jump to

Type a color name, a hex code, or a tool. Esc closes.

Open this color's page