Colors That Go With Ghost (#C0BFC7): Palettes and Pairings

Ghost (#C0BFC7) is a light, neutral gray with a cool-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 Ghost, 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

• For contrast, pair Ghost with Brume (#C5C6BE), its complement.
• For calm, use its neighbors on the wheel: Ghost (#BEC1C6) and Ghost (#C3BEC6).
• For variety, try the triadic partners Silver (#C6BFBE) and Brume (#BEC6BF).
• For a safe base, add Snow (#F9F8F9) as a light surface and Batman (#6B6B6F) as a dark one.

Every harmony for Ghost

Analogous

These are neighbors on the color wheel. They share a family, so the result is calm and cohesive with very little tension. For Ghost the partners are Ghost (#BEC1C6) and Ghost (#C3BEC6). 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 Ghost the partners are Brume (#C5C6BE). 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 Ghost the partners are Dim (#C6C3BE) and Brume (#C1C6BE). 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 Ghost the partners are Silver (#C6BFBE) and Brume (#BEC6BF). 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 Ghost the partners are Ghost (#C6BEC5), Brume (#C5C6BE) and Brume (#BEC6BF). 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 Ghost the partners are Silver (#C6BEC1), Brume (#C5C6BE) and Foil (#BEC6C3). Some of these land close to neutral, so they behave like background colors.

Neutrals that work with it

A neutral next to Ghost should follow its temperature. Ghost has a cool-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.

Text on it, and it as text

Dark text reads well on Ghost, 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

Ghost sits at 81% 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, Ghost feels airy and gentle.

• UI borders, text and surfaces
• Technology and architecture
• Minimal, balanced layouts
• Backdrops for accent colors

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