Warm Grey #978A84

About this color

#978A84 is a medium-light close to neutral grey. In OKLCH its lightness is 64%, its chroma 0.018. It has too little chroma to lean warm or cool. It is the named color Warm Grey. Black text reads best on it, at 6.28:1.

Colors that go with Warm Grey

Matches found by rotating Warm Grey around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Warm Grey

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Warm Grey, closest first.

• Taffy Box
• Cupcake Linen
• Gyokuro Room
• Plum Blue Hour
• Marshmallow Tea Party
• Cupcake Box
• Taffy Swirl
• Cupcake Shelf

Similar named colors

The eight named colors closest to Warm Grey, with their ΔE distance.

• English Lavender #9D8189 ΔE 0.030
• Brown Grey #8D8468 ΔE 0.043
• Gray #808080 ΔE 0.047
• Purpley Grey #947E94 ΔE 0.048
• Medium Grey #7D7F7C ΔE 0.053
• Light Slate Gray #778899 ΔE 0.055
• Reddish Grey #997570 ΔE 0.056
• Pale Brown #B1916E ΔE 0.057

More about Warm Grey

• Shades of gray
• What gray means

How to make Warm Grey

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 4 parts gray
• 2 parts pink
• 1 part brown

Recipe result: #988B84, a difference of ΔE 0.003 from Warm Grey. That is very close: most people will not see the difference.

What colors make gray? | Color mixing chart

Codes for Warm Grey in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Warm Grey

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 500.

1. Step 50

   50

   #F6F5F5

   oklch(97.1% 0.001 17.2)

2. Step 100

   100

   #EBE9E8

   oklch(93.5% 0.003 48.7)

3. Step 200

   200

   #DCD8D6

   oklch(88.5% 0.005 48.7)

4. Step 300

   300

   #C6BFBC

   oklch(80.9% 0.009 44.9)

5. Step 400

   400

   #A99E99

   oklch(70.7% 0.015 46.2)

6. Step 500

   500 (this color)

   #978A84

   oklch(64.3% 0.018 46.5)

7. Step 600

   600

   #7E706A

   oklch(55.6% 0.02 44.7)

8. Step 700

   700

   #6A5E58

   oklch(49.2% 0.018 48.3)

9. Step 800

   800

   #564D48

   oklch(42.7% 0.015 51.1)

10. Step 900

    900

    #47403C

    oklch(37.7% 0.012 51.8)

11. Step 950

    950

    #2A2523

    oklch(26.9% 0.008 43.1)

Export this scale for Tailwind in the Tailwind colors tool

Warm Grey with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.