Toffee Tetradic Color Scheme

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

#755139

#3C773C

#3A5E73

#6E3974

#AC8262

Color names and codes

Name	HEX	RGB	HSL	CMYK
Toffee	`#755139`	117, 81, 57	24°, 34%, 34%	0, 31, 51, 54
Cucumber Queen	`#3C773C`	60, 119, 60	120°, 33%, 35%	50, 0, 50, 53
Superior Blue	`#3A5E73`	58, 94, 115	202°, 33%, 34%	50, 18, 0, 55
Eminence	`#6E3974`	110, 57, 116	294°, 34%, 34%	5, 51, 0, 55
Sylvaneth Bark	`#AC8262`	172, 130, 98	26°, 31%, 53%	0, 24, 43, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6E3974 on #AC8262	2.45:1	—
Aa #755139 on #AC8262	2.05:1	—
Aa #3A5E73 on #AC8262	2.02:1	—
Aa #3C773C on #AC8262	1.57:1	—
Aa #3C773C on #6E3974	1.56:1	—
Aa #755139 on #3C773C	1.30:1	—

CSS variables

:root {
  --color-1: #755139; /* Toffee */
  --color-2: #3c773c; /* Cucumber Queen */
  --color-3: #3a5e73; /* Superior Blue */
  --color-4: #6e3974; /* Eminence */
  --color-5: #ac8262; /* Sylvaneth Bark */
}

Other schemes from Toffee

More Dark Orange tetradic palettes

Questions

What colors go with Toffee?

In a tetradic scheme: Cucumber Queen (#3C773C), Superior Blue (#3A5E73), Eminence (#6E3974), Sylvaneth Bark (#AC8262).

What is the hex code of Toffee?

#755139.