Cocoa #875F42

About this color

#875F42 is a medium-dark, muted brown. In OKLCH its lightness is 52%, its chroma 0.067 and its hue 57°. Its hue sits on the warm side of the wheel. It is the named color Cocoa. White text reads best on it, at 5.60:1.

Colors that go with Cocoa

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

Color palettes with Cocoa

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

• Cortado Counter
• Espresso Bar
• Petal Table
• Evergreen Floor
• Hemp Studio
• Peat Hands
• Raw Pottery
• Almanac Wallpaper

Similar named colors

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

• Dirt Brown #836539 ΔE 0.024
• Dark Taupe #7F684E ΔE 0.026
• Sepia #985E2B ΔE 0.037
• Dull Brown #876E4B ΔE 0.040
• Dirt #8A6E45 ΔE 0.042
• Grey Brown #7F7053 ΔE 0.046
• Sienna #A0522D ΔE 0.052
• Earth #A2653E ΔE 0.053

More about Cocoa

• Shades of brown
• What brown means

How to make Cocoa

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.

• 3 parts brown
• 3 parts gray
• 1 part red

Recipe result: #885D3F, a difference of ΔE 0.005 from Cocoa. That is very close: most people will not see the difference.

What colors make brown? | Color mixing chart

Codes for Cocoa 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 Cocoa

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 700.

1. Step 50

   50

   #F8F5F3

   oklch(97.2% 0.004 56.4)

2. Step 100

   100

   #EFE8E4

   oklch(93.5% 0.009 52.1)

3. Step 200

   200

   #E3D6CE

   oklch(88.4% 0.018 54)

4. Step 300

   300

   #D2BCAD

   oklch(81% 0.033 56.5)

5. Step 400

   400

   #BB9981

   oklch(70.8% 0.053 56.9)

6. Step 500

   500

   #A97F62

   oklch(63% 0.067 55.8)

7. Step 600

   600

   #946849

   oklch(55.6% 0.072 55.8)

8. Step 700

   700 (this color)

   #875F42

   oklch(52.1% 0.067 56.6)

9. Step 800

   800

   #664730

   oklch(42.6% 0.055 57.2)

10. Step 900

    900

    #543C2B

    oklch(37.8% 0.044 56.3)

11. Step 950

    950

    #312319

    oklch(27% 0.028 56.8)

Export this scale for Tailwind in the Tailwind colors tool

Cocoa 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.