Cocoa Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Cocoa (#875F42), each snapped to its nearest named color.

#231712

#573B2A

#875F42

#B68761

#C9AF96

Color names and codes

Name	HEX	RGB	HSL	CMYK
Used Oil	`#231712`	35, 23, 18	18°, 32%, 10%	0, 34, 49, 86
Tuk Tuk	`#573B2A`	87, 59, 42	23°, 35%, 25%	0, 32, 52, 66
Cocoa	`#875F42`	135, 95, 66	25°, 34%, 39%	0, 30, 51, 47
Doe	`#B68761`	182, 135, 97	27°, 37%, 55%	0, 26, 47, 29
Toasted Wheat	`#C9AF96`	201, 175, 150	29°, 32%, 69%	0, 13, 25, 21

Which pairs work for text

Text on background	Contrast	WCAG
Aa #231712 on #C9AF96	8.36:1	AAA
Aa #231712 on #B68761	5.51:1	AA
Aa #573B2A on #C9AF96	4.87:1	AA
Aa #573B2A on #B68761	3.21:1	AA large
Aa #231712 on #875F42	3.11:1	AA large
Aa #875F42 on #C9AF96	2.68:1	—

CSS variables

:root {
  --color-1: #231712; /* Used Oil */
  --color-2: #573b2a; /* Tuk Tuk */
  --color-3: #875f42; /* Cocoa */
  --color-4: #b68761; /* Doe */
  --color-5: #c9af96; /* Toasted Wheat */
}

Other schemes from Cocoa

More Dark Orange monochromatic palettes

Questions

What colors go with Cocoa?

In a monochromatic scheme: Used Oil (#231712), Tuk Tuk (#573B2A), Doe (#B68761), Toasted Wheat (#C9AF96).

What is the hex code of Cocoa?

#875F42.