Catnip Tetradic Color Scheme

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

#80AA95

#777CB0

#B77795

#B3B17B

#BAD3C7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Catnip	`#80AA95`	128, 170, 149	150°, 20%, 58%	25, 0, 12, 33
Ontario Violet	`#777CB0`	119, 124, 176	235°, 27%, 58%	32, 30, 0, 31
Choral Singer	`#B77795`	183, 119, 149	332°, 31%, 59%	0, 35, 19, 28
Weeping Willow	`#B3B17B`	179, 177, 123	58°, 27%, 59%	0, 1, 31, 30
Sage Bundle	`#BAD3C7`	186, 211, 199	151°, 22%, 78%	12, 0, 6, 17

Which pairs work for text

Text on background	Contrast	WCAG
Aa #777CB0 on #BAD3C7	2.50:1	—
Aa #B77795 on #BAD3C7	2.17:1	—
Aa #777CB0 on #B3B17B	1.79:1	—
Aa #80AA95 on #BAD3C7	1.63:1	—
Aa #B77795 on #B3B17B	1.56:1	—
Aa #80AA95 on #777CB0	1.53:1	—

CSS variables

:root {
  --color-1: #80aa95; /* Catnip */
  --color-2: #777cb0; /* Ontario Violet */
  --color-3: #b77795; /* Choral Singer */
  --color-4: #b3b17b; /* Weeping Willow */
  --color-5: #bad3c7; /* Sage Bundle */
}

Other schemes from Catnip

More Medium Green tetradic palettes

Questions

What colors go with Catnip?

In a tetradic scheme: Ontario Violet (#777CB0), Choral Singer (#B77795), Weeping Willow (#B3B17B), Sage Bundle (#BAD3C7).

What is the hex code of Catnip?

#80AA95.