Mocha Triadic Color Scheme

Five colors arranged by the triadic rule around Mocha (#9D7651), each snapped to its nearest named color.

#9D7651

#519D76

#734F96

#C5A88D

#366C4E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mocha	`#9D7651`	157, 118, 81	29°, 32%, 47%	0, 25, 48, 38
Sea Cabbage	`#519D76`	81, 157, 118	149°, 32%, 47%	48, 0, 25, 38
Parfait d’Amour	`#734F96`	115, 79, 150	270°, 31%, 45%	23, 47, 0, 41
Beige Intenso	`#C5A88D`	197, 168, 141	29°, 33%, 66%	0, 15, 28, 23
Jungle Book Green	`#366C4E`	54, 108, 78	147°, 33%, 32%	50, 0, 28, 58

Which pairs work for text

Text on background	Contrast	WCAG
Aa #734F96 on #C5A88D	2.85:1	—
Aa #C5A88D on #366C4E	2.74:1	—
Aa #519D76 on #734F96	1.96:1	—
Aa #519D76 on #366C4E	1.89:1	—
Aa #9D7651 on #C5A88D	1.82:1	—
Aa #9D7651 on #734F96	1.56:1	—

CSS variables

:root {
  --color-1: #9d7651; /* Mocha */
  --color-2: #519d76; /* Sea Cabbage */
  --color-3: #734f96; /* Parfait d’Amour */
  --color-4: #c5a88d; /* Beige Intenso */
  --color-5: #366c4e; /* Jungle Book Green */
}

Other schemes from Mocha

More Medium Orange triadic palettes

Questions

What colors go with Mocha?

In a triadic scheme: Sea Cabbage (#519D76), Parfait d’Amour (#734F96), Beige Intenso (#C5A88D), Jungle Book Green (#366C4E).

What is the hex code of Mocha?

#9D7651.