Cocoa Complementary Color Scheme

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

#875F42

#B88D70

#416986

#274256

#729EB9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cocoa	`#875F42`	135, 95, 66	25°, 34%, 39%	0, 30, 51, 47
Dune Drift	`#B88D70`	184, 141, 112	24°, 34%, 58%	0, 23, 39, 28
Team Spirit	`#416986`	65, 105, 134	205°, 35%, 39%	51, 22, 0, 47
Reef Resort	`#274256`	39, 66, 86	206°, 38%, 25%	55, 23, 0, 66
Crisp French Blue	`#729EB9`	114, 158, 185	203°, 34%, 59%	38, 15, 0, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #274256 on #729EB9	3.65:1	AA large
Aa #B88D70 on #274256	3.54:1	AA large
Aa #416986 on #729EB9	2.04:1	—
Aa #B88D70 on #416986	1.97:1	—
Aa #875F42 on #729EB9	1.95:1	—
Aa #875F42 on #B88D70	1.89:1	—

CSS variables

:root {
  --color-1: #875f42; /* Cocoa */
  --color-2: #b88d70; /* Dune Drift */
  --color-3: #416986; /* Team Spirit */
  --color-4: #274256; /* Reef Resort */
  --color-5: #729eb9; /* Crisp French Blue */
}

Other schemes from Cocoa

More Dark Orange complementary palettes

Questions

What colors go with Cocoa?

In a complementary scheme: Dune Drift (#B88D70), Team Spirit (#416986), Reef Resort (#274256), Crisp French Blue (#729EB9).

What is the hex code of Cocoa?

#875F42.