← Colors that go with…

Colors That Go With Bone (#E0D7C6): Palettes and Pairings

What goes with Bone #E0D7C6: its complement, analogous and triadic partners, the neutrals that work, pairs to avoid and a ready five-color palette, with contrast ratios.

Bone (#E0D7C6) is a very light, neutral gray with a warm-leaning neutral feel. Whether a pairing works depends less on a color's name than on three measurable things: how far apart the hues are, how different the lightness is, and how much saturation each color carries. This guide works through every classic harmony for Bone, names the nearest color for each partner, and checks the contrast, so you know which pairs can carry text and which are only for decoration.

The short answer

Every harmony for Bone

Analogous

These are neighbors on the color wheel. They share a family, so the result is calm and cohesive with very little tension. For Bone the partners are Rose Haze (#E1CBC7) and Frost (#DDE1C7). Some of these land close to neutral, so they behave like background colors.

Complementary

These sit opposite each other on the wheel. They give the strongest contrast of hue, so let one lead and use the other sparingly. For Bone the partners are Polar Opposite (#C7D0E1). Some of these land close to neutral, so they behave like background colors.

Split complementary

This takes the color and the two neighbors of its opposite. It keeps most of the energy of a complementary pair with less tension. For Bone the partners are Poolside (#C7DDE1) and Foggy Plateau (#CBC7E1). Some of these land close to neutral, so they behave like background colors.

Triadic

Three hues spaced evenly around the wheel. Lively and balanced, it works best with one dominant color and two in support. For Bone the partners are Antiguan (#C7E1D8) and Foggy Love (#D8C7E1). Some of these land close to neutral, so they behave like background colors.

Tetradic

Two complementary pairs. It is the richest scheme and the hardest to balance, so let one color carry most of the space. For Bone the partners are Endive (#D0E1C7), Polar Opposite (#C7D0E1) and Foggy Love (#D8C7E1). Some of these land close to neutral, so they behave like background colors.

Square

Four hues spaced evenly, a quarter turn apart. It is very varied, so control it with lightness and saturation rather than hue. For Bone the partners are Endive (#C7E1CB), Polar Opposite (#C7D0E1) and Foggy Love (#E1C7DD). Some of these land close to neutral, so they behave like background colors.

Neutrals that work with it

A neutral next to Bone should follow its temperature. Bone has a warm-leaning neutral feel, so tinted neutrals (a light and a dark made from the color itself) will look more at home than pure gray. Here is how each candidate contrasts with it.

NeutralHexContrast with BoneLevel for text
Pure white#FFFFFF1.42:1Fail
Soft tint#FCFBF91.38:1Fail
Mid tone#B4AEA41.54:1Fail
Deep shade#7E796F3.03:1AA large
Near-black#11111113.22:1AAA

Text on it, and it as text

CombinationRatioLevel
White text on Bone1.42:1Fail
Near-black text on Bone13.22:1AAA
Bone text on white1.42:1Fail
Bone text on near-black13.22:1AAA

Dark text reads well on Bone, so it works as a surface, a highlight or a card background. White text on it does not reach 4.5 to 1.

What to avoid

Bone sits at 88% lightness. The usual trap is to pair it with another saturated color at the same lightness. Whenever you do, separate them with a neutral or change one of them by at least 20 points of lightness.

Where it works

Gray is neutral and composed. It recedes, which is why it is the workhorse of interfaces: borders, secondary text and surfaces that let accents stand out. As a light shade, Bone feels airy and gentle.

Common symbols for the gray family are balance, neutrality, maturity and fog. Western countries: Formality and business dress, and also dullness when nothing else is added.

A ready-to-use palette

RoleColorHex
Dark background or textGotham#7E796F
Main colorBone#E0D7C6
Light surfaceSnow#FCFBF9
AccentPolar Opposite#C7D0E1
Borders and secondary textDove#B4AEA4