Homegrown Triadic Color Scheme

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

#63884A

#446688

#874C62

#96B47E

#303E55

Color names and codes

Name	HEX	RGB	HSL	CMYK
Homegrown	`#63884A`	99, 136, 74	96°, 30%, 41%	27, 0, 46, 47
French Mirage Blue	`#446688`	68, 102, 136	210°, 33%, 40%	50, 25, 0, 47
Red Shrivel	`#874C62`	135, 76, 98	338°, 28%, 41%	0, 44, 27, 47
Watercolour Green	`#96B47E`	150, 180, 126	93°, 26%, 60%	17, 0, 30, 29
Winter Sea	`#303E55`	48, 62, 85	217°, 28%, 26%	44, 27, 0, 67

Which pairs work for text

Text on background	Contrast	WCAG
Aa #96B47E on #303E55	4.69:1	AA
Aa #874C62 on #96B47E	2.82:1	—
Aa #63884A on #303E55	2.65:1	—
Aa #446688 on #96B47E	2.61:1	—
Aa #446688 on #303E55	1.80:1	—
Aa #63884A on #96B47E	1.77:1	—

CSS variables

:root {
  --color-1: #63884a; /* Homegrown */
  --color-2: #446688; /* French Mirage Blue */
  --color-3: #874c62; /* Red Shrivel */
  --color-4: #96b47e; /* Watercolour Green */
  --color-5: #303e55; /* Winter Sea */
}

Other schemes from Homegrown

More Medium Green triadic palettes

Questions

What colors go with Homegrown?

In a triadic scheme: French Mirage Blue (#446688), Red Shrivel (#874C62), Watercolour Green (#96B47E), Winter Sea (#303E55).

What is the hex code of Homegrown?

#63884A.