Catnip Monochromatic Color Scheme

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

#395648

#578270

#80AA95

#B2C8BD

#DDE7E2

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Shadow Leaf	`#395648`	57, 86, 72	151°, 20%, 28%	34, 0, 16, 66	42.6% 0.042 163
Frosty Spruce	`#578270`	87, 130, 112	155°, 20%, 43%	33, 0, 14, 49	57.0% 0.055 166
Catnip	`#80AA95`	128, 170, 149	150°, 20%, 58%	25, 0, 12, 33	70.1% 0.055 163
Misty Morning	`#B2C8BD`	178, 200, 189	150°, 17%, 74%	11, 0, 5, 22	81.3% 0.028 164
Pirate Coast	`#DDE7E2`	221, 231, 226	150°, 17%, 89%	4, 0, 2, 9	91.9% 0.013 165

Which pairs work for text

Text on background	Contrast	WCAG
Aa #395648 on #DDE7E2	6.39:1	AA
Aa #395648 on #B2C8BD	4.58:1	AA
Aa #578270 on #DDE7E2	3.44:1	AA large
Aa #395648 on #80AA95	3.12:1	AA large
Aa #578270 on #B2C8BD	2.46:1	—
Aa #80AA95 on #DDE7E2	2.05:1	—

CSS variables

:root {
  --color-1: #395648; /* Shadow Leaf */
  --color-2: #578270; /* Frosty Spruce */
  --color-3: #80aa95; /* Catnip */
  --color-4: #b2c8bd; /* Misty Morning */
  --color-5: #dde7e2; /* Pirate Coast */
}

Other schemes from Catnip

More medium green monochromatic color schemes

Questions

What colors go with Catnip?

In a monochromatic scheme: Shadow Leaf (#395648), Frosty Spruce (#578270), Misty Morning (#B2C8BD), Pirate Coast (#DDE7E2).

What is the hex code of Catnip?

#80AA95.