Catnip Complementary Color Scheme

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

#80AA95

#B6D3C5

#B77795

#89556E

#D7B9CB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Catnip	`#80AA95`	128, 170, 149	150°, 20%, 58%	25, 0, 12, 33
Little Beaux Blue	`#B6D3C5`	182, 211, 197	151°, 25%, 77%	14, 0, 7, 17
Choral Singer	`#B77795`	183, 119, 149	332°, 31%, 59%	0, 35, 19, 28
Merlin’s Cloak	`#89556E`	137, 85, 110	331°, 23%, 44%	0, 38, 20, 46
Spring Boutique	`#D7B9CB`	215, 185, 203	324°, 27%, 78%	0, 14, 6, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B6D3C5 on #89556E	3.65:1	AA large
Aa #89556E on #D7B9CB	3.26:1	AA large
Aa #80AA95 on #89556E	2.26:1	—
Aa #B6D3C5 on #B77795	2.15:1	—
Aa #B77795 on #D7B9CB	1.92:1	—
Aa #B77795 on #89556E	1.70:1	—

CSS variables

:root {
  --color-1: #80aa95; /* Catnip */
  --color-2: #b6d3c5; /* Little Beaux Blue */
  --color-3: #b77795; /* Choral Singer */
  --color-4: #89556e; /* Merlin’s Cloak */
  --color-5: #d7b9cb; /* Spring Boutique */
}

Other schemes from Catnip

More Medium Green complementary palettes

Questions

What colors go with Catnip?

In a complementary scheme: Little Beaux Blue (#B6D3C5), Choral Singer (#B77795), Merlin’s Cloak (#89556E), Spring Boutique (#D7B9CB).

What is the hex code of Catnip?

#80AA95.