Cocoa Triadic Color Scheme

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

#875F42

#47885E

#554488

#BB9174

#2B553E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cocoa	`#875F42`	135, 95, 66	25°, 34%, 39%	0, 30, 51, 47
Onion Seedling	`#47885E`	71, 136, 94	141°, 31%, 41%	48, 0, 31, 47
Harvest Night	`#554488`	85, 68, 136	255°, 33%, 40%	38, 50, 0, 47
Presidio Plaza	`#BB9174`	187, 145, 116	25°, 34%, 59%	0, 22, 38, 27
Green Stain	`#2B553E`	43, 85, 62	147°, 33%, 25%	49, 0, 27, 67

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BB9174 on #2B553E	3.00:1	AA large
Aa #554488 on #BB9174	2.89:1	—
Aa #47885E on #2B553E	2.00:1	—
Aa #875F42 on #BB9174	1.98:1	—
Aa #47885E on #554488	1.93:1	—
Aa #875F42 on #2B553E	1.52:1	—

CSS variables

:root {
  --color-1: #875f42; /* Cocoa */
  --color-2: #47885e; /* Onion Seedling */
  --color-3: #554488; /* Harvest Night */
  --color-4: #bb9174; /* Presidio Plaza */
  --color-5: #2b553e; /* Green Stain */
}

Other schemes from Cocoa

More Dark Orange triadic palettes

Questions

What colors go with Cocoa?

In a triadic scheme: Onion Seedling (#47885E), Harvest Night (#554488), Presidio Plaza (#BB9174), Green Stain (#2B553E).

What is the hex code of Cocoa?

#875F42.