Sage Tetradic Color Scheme

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

#87AE73

#70A4B0

#946DAD

#AE7F71

#BFD5B3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sage	`#87AE73`	135, 174, 115	100°, 27%, 57%	22, 0, 34, 32
Stillwater	`#70A4B0`	112, 164, 176	191°, 29%, 56%	36, 7, 0, 31
Crown Jewels	`#946DAD`	148, 109, 173	277°, 28%, 55%	14, 37, 0, 32
Crushed Clay	`#AE7F71`	174, 127, 113	14°, 27%, 56%	0, 27, 35, 32
Nature	`#BFD5B3`	191, 213, 179	99°, 29%, 77%	10, 0, 16, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #946DAD on #BFD5B3	2.65:1	—
Aa #AE7F71 on #BFD5B3	2.20:1	—
Aa #70A4B0 on #BFD5B3	1.76:1	—
Aa #87AE73 on #946DAD	1.65:1	—
Aa #87AE73 on #BFD5B3	1.61:1	—
Aa #70A4B0 on #946DAD	1.51:1	—

CSS variables

:root {
  --color-1: #87ae73; /* Sage */
  --color-2: #70a4b0; /* Stillwater */
  --color-3: #946dad; /* Crown Jewels */
  --color-4: #ae7f71; /* Crushed Clay */
  --color-5: #bfd5b3; /* Nature */
}

Other schemes from Sage

More Medium Green tetradic palettes

Questions

What colors go with Sage?

In a tetradic scheme: Stillwater (#70A4B0), Crown Jewels (#946DAD), Crushed Clay (#AE7F71), Nature (#BFD5B3).

What is the hex code of Sage?

#87AE73.