Gingerbread Tetradic Color Scheme

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

#8C4A2F

#448833

#34708F

#733380

#C37C59

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gingerbread	`#8C4A2F`	140, 74, 47	17°, 50%, 37%	0, 47, 66, 45
Overgrown Mausoleum	`#448833`	68, 136, 51	108°, 45%, 37%	50, 0, 63, 47
Big Ocean Wave	`#34708F`	52, 112, 143	200°, 47%, 38%	64, 22, 0, 44
Maximum Purple	`#733380`	115, 51, 128	290°, 43%, 35%	10, 60, 0, 50
Brown Clay	`#C37C59`	195, 124, 89	20°, 47%, 56%	0, 36, 54, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #733380 on #C37C59	2.52:1	—
Aa #8C4A2F on #C37C59	2.02:1	—
Aa #448833 on #733380	1.92:1	—
Aa #34708F on #C37C59	1.64:1	—
Aa #8C4A2F on #448833	1.54:1	—
Aa #34708F on #733380	1.54:1	—

CSS variables

:root {
  --color-1: #8c4a2f; /* Gingerbread */
  --color-2: #448833; /* Overgrown Mausoleum */
  --color-3: #34708f; /* Big Ocean Wave */
  --color-4: #733380; /* Maximum Purple */
  --color-5: #c37c59; /* Brown Clay */
}

Other schemes from Gingerbread

More Dark Orange tetradic palettes

Questions

What colors go with Gingerbread?

In a tetradic scheme: Overgrown Mausoleum (#448833), Big Ocean Wave (#34708F), Maximum Purple (#733380), Brown Clay (#C37C59).

What is the hex code of Gingerbread?

#8C4A2F.