Coffee Triadic Color Scheme

Five colors arranged by the triadic rule around Coffee (#6F4E37), each snapped to its nearest named color.

#6F4E37

#366C4E

#513B6E

#AB7E5E

#1A3F2C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Coffee	`#6F4E37`	111, 78, 55	25°, 34%, 33%	0, 30, 50, 56
Jungle Book Green	`#366C4E`	54, 108, 78	147°, 33%, 32%	50, 0, 28, 58
Succinct Violet	`#513B6E`	81, 59, 110	266°, 30%, 33%	26, 46, 0, 57
Burnt Toffee	`#AB7E5E`	171, 126, 94	25°, 31%, 52%	0, 26, 45, 33
Mizukaze Green	`#1A3F2C`	26, 63, 44	149°, 42%, 17%	59, 0, 30, 75

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AB7E5E on #1A3F2C	3.28:1	AA large
Aa #513B6E on #AB7E5E	2.67:1	—
Aa #6F4E37 on #AB7E5E	2.08:1	—
Aa #366C4E on #1A3F2C	1.90:1	—
Aa #366C4E on #AB7E5E	1.72:1	—
Aa #6F4E37 on #1A3F2C	1.57:1	—

CSS variables

:root {
  --color-1: #6f4e37; /* Coffee */
  --color-2: #366c4e; /* Jungle Book Green */
  --color-3: #513b6e; /* Succinct Violet */
  --color-4: #ab7e5e; /* Burnt Toffee */
  --color-5: #1a3f2c; /* Mizukaze Green */
}

Other schemes from Coffee

More Dark Orange triadic palettes

Questions

What colors go with Coffee?

In a triadic scheme: Jungle Book Green (#366C4E), Succinct Violet (#513B6E), Burnt Toffee (#AB7E5E), Mizukaze Green (#1A3F2C).

What is the hex code of Coffee?

#6F4E37.