Colors that go with warm gray

#C9BEB0 · warm neutral · hue 34° · best text: #000000

Ten combinations ranked by measurable criteria — hue harmony, WCAG contrast with warm gray, lightness spread and saturation compatibility. Every pairing lists why it works.

Ready-to-use palette

#C9BEB0
#8B7D6B
#F5F5DC
#05472A
#00555A
#1C1917
#c9beb0 #8b7d6b #f5f5dc #05472a #00555a #1c1917
#C9BEB0 #8B7D6B #F5F5DC #05472A #00555A #1C1917
Open in palette generator →Full warm gray page →

Best combinations — ranked

#1

Taupe #8B7D6B

· Same hue family as warm gray (Δh 0°) — guaranteed harmony
· Close value pairing (2.19:1) — use for large surfaces, not small text
· Similar saturation (19% vs 13%) — both muted
contrast
2.2:1
vs warm gray
#2

Beige #F5F5DC

· Analogous hue (Δh ≈26°) — neighbors on the color wheel
· Close value pairing (1.65:1) — use for large surfaces, not small text
contrast
1.6:1
vs warm gray
#3

Evergreen #05472A

· Triadic harmony (Δh ≈120°) — balanced three-way contrast
· Text-safe contrast with the anchor (5.91:1, passes WCAG AA)
· Strong lightness separation (ΔL* 52) — clear visual hierarchy
contrast
5.9:1
vs warm gray
#4

Deep Teal #00555A

· Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
· Text-safe contrast with the anchor (4.69:1, passes WCAG AA)
· Strong lightness separation (ΔL* 45) — clear visual hierarchy
contrast
4.7:1
vs warm gray
#5

Charcoal #36454F

· Complementary hue (Δh ≈170°) — maximum hue contrast
· Text-safe contrast with the anchor (5.41:1, passes WCAG AA)
· Strong lightness separation (ΔL* 49) — clear visual hierarchy
contrast
5.4:1
vs warm gray
#6

Espresso #4B382A

· Same hue family as warm gray (Δh 8°) — guaranteed harmony
· Text-safe contrast with the anchor (6.05:1, passes WCAG AA)
· Strong lightness separation (ΔL* 52) — clear visual hierarchy
contrast
6.0:1
vs warm gray
#7

Purple Grey #866F85

· Close value pairing (2.48:1) — use for large surfaces, not small text
· Strong lightness separation (ΔL* 28) — clear visual hierarchy
· Similar saturation (19% vs 9%) — both muted
contrast
2.5:1
vs warm gray
#8

Thistle #D8BFD8

· Close value pairing (1.08:1) — use for large surfaces, not small text
· Similar saturation (19% vs 24%) — both muted
contrast
1.1:1
vs warm gray
#9

Dark Taupe #7F684E

· Same hue family as warm gray (Δh 2°) — guaranteed harmony
· Close value pairing (2.87:1) — use for large surfaces, not small text
· Strong lightness separation (ΔL* 32) — clear visual hierarchy
contrast
2.9:1
vs warm gray
#10

Cream #FFFDD0

· Analogous hue (Δh ≈24°) — neighbors on the color wheel
· Close value pairing (1.76:1) — use for large surfaces, not small text
contrast
1.8:1
vs warm gray

Why these and not others

Pairings are scored against hue-harmony angles (0°/30°/60°/90°/120°/150°/180°), WCAG contrast ratio with warm gray, lightness separation and saturation/chroma compatibility. Near-identical colors (ΔE₀₀ < 3.5) are excluded — every entry adds real information.

FAQ

What colors go with warm gray?

Taupe, Beige, Evergreen, Deep Teal and Charcoal rank highest for warm gray (#C9BEB0) by hue harmony, contrast and saturation compatibility. The full ranked list is on this page with the reasoning for each pairing.

What is the complementary color of warm gray?

The complementary hue of warm gray (hue 34°) sits at hue 214°. The closest named colors on that side of the wheel are listed in the combinations above.

Is warm gray a warm or cool color?

Warm Gray is a warm color (hue 34°). It pairs naturally with warm neutrals and earthy tones.