Catnip Triadic Color Scheme

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

#80AA95

#947CAE

#AF9479

#BAD3C7

#6C5389

Color names and codes

Name	HEX	RGB	HSL	CMYK
Catnip	`#80AA95`	128, 170, 149	150°, 20%, 58%	25, 0, 12, 33
Captivated	`#947CAE`	148, 124, 174	269°, 24%, 58%	15, 29, 0, 32
Nomadic	`#AF9479`	175, 148, 121	30°, 25%, 58%	0, 15, 31, 31
Sage Bundle	`#BAD3C7`	186, 211, 199	151°, 22%, 78%	12, 0, 6, 17
Magenta Violet	`#6C5389`	108, 83, 137	268°, 25%, 43%	21, 39, 0, 46

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BAD3C7 on #6C5389	4.09:1	AA large
Aa #80AA95 on #6C5389	2.50:1	—
Aa #947CAE on #BAD3C7	2.30:1	—
Aa #AF9479 on #6C5389	2.27:1	—
Aa #AF9479 on #BAD3C7	1.80:1	—
Aa #947CAE on #6C5389	1.78:1	—

CSS variables

:root {
  --color-1: #80aa95; /* Catnip */
  --color-2: #947cae; /* Captivated */
  --color-3: #af9479; /* Nomadic */
  --color-4: #bad3c7; /* Sage Bundle */
  --color-5: #6c5389; /* Magenta Violet */
}

Other schemes from Catnip

More Medium Green triadic palettes

Questions

What colors go with Catnip?

In a triadic scheme: Captivated (#947CAE), Nomadic (#AF9479), Sage Bundle (#BAD3C7), Magenta Violet (#6C5389).

What is the hex code of Catnip?

#80AA95.