Pairing guide

What colors go with Emerald?

The three safest partners for Emerald are Magentleman, Amethyst, and King Kong: its complement for energy, a split-complement for softer contrast, and a quiet neutral for balance. Every pairing below is computed from Emerald's actual hue position, with the reasoning attached.

Pairing 1 of 10

Magentleman, the complement

Emerald + Magentleman

Emerald and Magentleman sit opposite each other on the color wheel (about 180 degrees apart in OKLCH hue). Opposites intensify each other, which is why this pairing has the most energy of any on this page. See Magentleman

Walls & home
Use one on the walls and the other only in objects you can move: pillows, a throw, one lamp.
Web & brand
One is your action color, the other is for rare emphasis. Never both on one button.
Outfits
One garment each, separated by a neutral layer, reads styled rather than loud.

Pairing 2 of 10

Olive, a warm-side neighbor

Emerald + Olive

Olive sits about 30 degrees from Emerald on the wheel, close enough to share an undertone. Analogous pairs read as calm and intentional because the eye moves between them without friction. See Olive

Walls & home
Safe across large surfaces: walls in one, curtains or a rug in the other.
Web & brand
Ideal for gradient fills and chart series that must feel related.
Outfits
Head-to-toe works: the two shades read as an intentional tonal outfit.

Pairing 3 of 10

Elf, a cool-side neighbor

Emerald + Elf

Elf sits about 30 degrees from Emerald on the wheel, close enough to share an undertone. Analogous pairs read as calm and intentional because the eye moves between them without friction. See Elf

Walls & home
Safe across large surfaces: walls in one, curtains or a rug in the other.
Web & brand
Ideal for gradient fills and chart series that must feel related.
Outfits
Head-to-toe works: the two shades read as an intentional tonal outfit.

Pairing 4 of 10

Amethyst, split-complement one

Emerald + Amethyst

Amethyst comes from Emerald's split-complementary pair: near the complement, but softened by 30 degrees. You keep most of the contrast of true opposites with less visual tension. See Amethyst

Walls & home
Cabinetry or a feature wall in one, ceramics and textiles in the other.
Web & brand
Primary/secondary button pair, if both pass contrast on your background.
Outfits
A main piece in one and accessories in the other.

Pairing 5 of 10

Very Berry, split-complement two

Emerald + Very Berry

Very Berry comes from Emerald's split-complementary pair: near the complement, but softened by 30 degrees. You keep most of the contrast of true opposites with less visual tension. See Very Berry

Walls & home
Cabinetry or a feature wall in one, ceramics and textiles in the other.
Web & brand
Primary/secondary button pair, if both pass contrast on your background.
Outfits
A main piece in one and accessories in the other.

Pairing 6 of 10

Royal Blue, from the triad

Emerald + Royal Blue

Royal Blue is one corner of Emerald's triad: three hues spaced evenly, 120 degrees apart. Triads balance contrast and harmony better than any other geometric scheme. See Royal Blue

Walls & home
Keep two of the three at low saturation in a room; let one carry the chroma.
Web & brand
Three chart series that stay distinguishable without shouting.
Outfits
Two in clothing, the third only in small accents: bag, socks, scarf.

Pairing 7 of 10

Bermudagrass, the tonal pale

Emerald + Bermudagrass

Bermudagrass is effectively a paler run of the same recipe: matching hue, higher lightness. Tonal pairs are impossible to get wrong, and they photograph as one cohesive surface. See Bermudagrass

Walls & home
Walls in the pale one, trim and millwork in the deeper one reads custom, not matchy.
Web & brand
Surface and hover states of the same component family.
Outfits
Layer them: the lighter piece inside, the deeper piece outside.

Pairing 8 of 10

Melancholia, the anchor shade

Emerald + Melancholia

Melancholia carries Emerald's hue down toward black. The value gap does the work here: 28.5 of measured difference reads as depth, not disagreement. See Melancholia

Walls & home
The dark one grounds floors, doors, or an accent wall; the mid one lives at eye level.
Web & brand
The dark one is your text-safe tone; the mid one handles fills and accents.
Outfits
The deep one for trousers or outerwear, the mid one up top near the face.

Pairing 9 of 10

Ecological, the working neutral

Emerald + Ecological

Ecological is a low-chroma neutral with the opposite temperature to Emerald, which keeps the scheme from drifting flat. Measured contrast between them: 20.9 ΔE. See Ecological

Walls & home
The neutral takes the biggest surfaces; the color earns the details.
Web & brand
The neutral is your surface system; the color marks interactive elements.
Outfits
Build the outfit in the neutral and let the color be the one piece people remember.

Pairing 10 of 10

Ink and paper

Emerald + King Kong

Near-black and near-white give Emerald the widest possible stage. Contrast against white is 4.24:1 and against black is 4.95:1, so text placement decides itself. See King Kong

Walls & home
White walls, near-black frames and hardware, and the color in art and textiles.
Web & brand
A near-monochrome UI with one accent tests well and ships timeless.
Outfits
Black and white basics with the color as the single statement piece.

The map

Every pairing on the wheel

Hue is the angle, chroma is the distance from center, both measured in OKLCH from each color's actual value. Complements land across the disc; neighbors cluster; neutrals sink toward the middle.

Pitfalls

Common mistakes with Emerald

  • Mistake 1 Pairing Emerald with a second color of identical lightness. Nothing anchors, and the scheme floats. Bring one partner up or down in value.
  • Mistake 2 Using the complement at full strength across a large area. It is an accent relationship, not a 50/50 split.
  • Mistake 3 Warming it accidentally: beige and cream can muddy a cool color like Emerald. Reach for cooler neutrals instead.

FAQ

Emerald pairing FAQs

What is the complementary color of Emerald?

Emerald's complement lands closest to Magentleman (#AA22BB), computed by rotating its OKLCH hue 180 degrees. The measured difference between them is ΔE 89.6.

Is Emerald warm or cool?

Emerald reads neutral, leaning warm. That matters for pairing: partners with the opposite temperature add contrast, same-temperature partners add calm.

What neutrals go with Emerald?

Ecological is the computed pick: it keeps a trace of Emerald's own hue, so the pair can't clash. Pure white and near-black always work as the frame.

Popular colors

Jump to

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

Open this color's page