Toffee Triadic Color Scheme

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

#755139

#387B54

#553A76

#AC8262

#224634

Color names and codes

Name	HEX	RGB	HSL	CMYK
Toffee	`#755139`	117, 81, 57	24°, 34%, 34%	0, 31, 51, 54
Amazon	`#387B54`	56, 123, 84	145°, 37%, 35%	54, 0, 32, 52
Loden Purple	`#553A76`	85, 58, 118	267°, 34%, 35%	28, 51, 0, 54
Sylvaneth Bark	`#AC8262`	172, 130, 98	26°, 31%, 53%	0, 24, 43, 33
Birōdo Green	`#224634`	34, 70, 52	150°, 35%, 20%	51, 0, 26, 73

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AC8262 on #224634	3.07:1	AA large
Aa #553A76 on #AC8262	2.72:1	—
Aa #387B54 on #224634	2.07:1	—
Aa #755139 on #AC8262	2.05:1	—
Aa #387B54 on #553A76	1.83:1	—
Aa #755139 on #224634	1.50:1	—

CSS variables

:root {
  --color-1: #755139; /* Toffee */
  --color-2: #387b54; /* Amazon */
  --color-3: #553a76; /* Loden Purple */
  --color-4: #ac8262; /* Sylvaneth Bark */
  --color-5: #224634; /* Birōdo Green */
}

Other schemes from Toffee

More Dark Orange triadic palettes

Questions

What colors go with Toffee?

In a triadic scheme: Amazon (#387B54), Loden Purple (#553A76), Sylvaneth Bark (#AC8262), Birōdo Green (#224634).

What is the hex code of Toffee?

#755139.