Roastery Tetradic Color Scheme

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

#692302

#116611

#014A69

#550066

#CC4400

Color names and codes

Name	HEX	RGB	HSL	CMYK
Roastery	`#692302`	105, 35, 2	19°, 96%, 21%	0, 67, 98, 59
Overgrown Temple	`#116611`	17, 102, 17	120°, 71%, 23%	83, 0, 83, 60
Adriatic	`#014A69`	1, 74, 105	198°, 98%, 21%	99, 30, 0, 59
God of Nights	`#550066`	85, 0, 102	290°, 100%, 20%	17, 100, 0, 60
Mellow Mango	`#CC4400`	204, 68, 0	20°, 100%, 40%	0, 67, 100, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #550066 on #CC4400	2.78:1	—
Aa #692302 on #CC4400	2.39:1	—
Aa #014A69 on #CC4400	2.01:1	—
Aa #116611 on #550066	1.86:1	—
Aa #692302 on #116611	1.59:1	—
Aa #116611 on #CC4400	1.50:1	—

CSS variables

:root {
  --color-1: #692302; /* Roastery */
  --color-2: #116611; /* Overgrown Temple */
  --color-3: #014a69; /* Adriatic */
  --color-4: #550066; /* God of Nights */
  --color-5: #cc4400; /* Mellow Mango */
}

Other schemes from Roastery

More Dark Orange tetradic palettes

Questions

What colors go with Roastery?

In a tetradic scheme: Overgrown Temple (#116611), Adriatic (#014A69), God of Nights (#550066), Mellow Mango (#CC4400).

What is the hex code of Roastery?

#692302.