Cocoa Tetradic Color Scheme

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

#875F42

#468741

#416986

#884488

#BB9174

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cocoa	`#875F42`	135, 95, 66	25°, 34%, 39%	0, 30, 51, 47
Level Up	`#468741`	70, 135, 65	116°, 35%, 39%	48, 0, 52, 47
Team Spirit	`#416986`	65, 105, 134	205°, 35%, 39%	51, 22, 0, 47
Evil Curse	`#884488`	136, 68, 136	300°, 33%, 40%	0, 50, 0, 47
Presidio Plaza	`#BB9174`	187, 145, 116	25°, 34%, 59%	0, 22, 38, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #884488 on #BB9174	2.30:1	—
Aa #416986 on #BB9174	2.07:1	—
Aa #875F42 on #BB9174	1.98:1	—
Aa #468741 on #BB9174	1.54:1	—
Aa #468741 on #884488	1.49:1	—
Aa #468741 on #416986	1.34:1	—

CSS variables

:root {
  --color-1: #875f42; /* Cocoa */
  --color-2: #468741; /* Level Up */
  --color-3: #416986; /* Team Spirit */
  --color-4: #884488; /* Evil Curse */
  --color-5: #bb9174; /* Presidio Plaza */
}

Other schemes from Cocoa

More Dark Orange tetradic palettes

Questions

What colors go with Cocoa?

In a tetradic scheme: Level Up (#468741), Team Spirit (#416986), Evil Curse (#884488), Presidio Plaza (#BB9174).

What is the hex code of Cocoa?

#875F42.