Pairing guide

What colors go with Bay?

The three safest partners for Bay are Tussie-Mussie, Sugar High, 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 Bay's actual hue position, with the reasoning attached.

Pairing 1 of 10

Tussie-Mussie, the complement

Bay + Tussie-Mussie

Tussie-Mussie is Bay's complement: the hue directly across the wheel. Each makes the other look more saturated than it is alone, so a little of either goes a long way. See Tussie-Mussie

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

Sugar Mint, a warm-side neighbor

Bay + Sugar Mint

Bay and Sugar Mint are wheel neighbors. Their shared undertone makes the combination feel like one idea in two weights rather than two competing colors. See Sugar Mint

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

Opal, a cool-side neighbor

Bay + Opal

Bay and Opal are wheel neighbors. Their shared undertone makes the combination feel like one idea in two weights rather than two competing colors. See Opal

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

Sugar High, split-complement one

Bay + Sugar High

This is the diplomatic version of a complement. Sugar High contrasts strongly with Bay without the vibration a true opposite can produce at high saturation. See Sugar High

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

Channel, split-complement two

Bay + Channel

This is the diplomatic version of a complement. Channel contrasts strongly with Bay without the vibration a true opposite can produce at high saturation. See Channel

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

Foggy Love, from the triad

Bay + Foggy Love

Bay and Foggy Love form two-thirds of an equilateral triangle on the wheel. The spacing guarantees contrast while keeping the pair from reading as rivals. See Foggy Love

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

Spa, the tonal pale

Bay + Spa

Same hue, more light. Spa behaves like Bay's own highlight, which is why tonal schemes feel so composed. See Spa

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

Dark Forest, the anchor shade

Bay + Dark Forest

A darker cut of the same hue family. Deep-plus-mid pairings give a scheme structure the way a baseline gives type structure. See Dark Forest

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

Murmur, the working neutral

Bay + Murmur

Every strong color needs a quiet counterpart. Murmur has just enough of an undertone to relate to Bay without competing for attention. See Murmur

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

Bay + King Kong

The classic frame. With ink and paper around it, Bay becomes the single point of color, which is the strongest way to feature any hue. 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 Bay

  • Mistake 1 Pairing Bay 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 Bay. Reach for cooler neutrals instead.

FAQ

Bay pairing FAQs

What is the complementary color of Bay?

Bay's complement lands closest to Tussie-Mussie (#EDC5D7), computed by rotating its OKLCH hue 180 degrees. The measured difference between them is ΔE 36.

Is Bay warm or cool?

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

What neutrals go with Bay?

Murmur is the computed pick: it keeps a trace of Bay'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