Foliage Complementary Color Scheme

Five colors arranged by the complementary rule around Foliage (#95B388), each snapped to its nearest named color.

#95B388

#C3D6BD

#A885B5

#835995

#D4C6DC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Foliage	`#95B388`	149, 179, 136	102°, 22%, 62%	17, 0, 24, 30
Surf Crest	`#C3D6BD`	195, 214, 189	106°, 23%, 79%	9, 0, 12, 16
Purple Statice	`#A885B5`	168, 133, 181	284°, 24%, 62%	7, 27, 0, 29
Purple Tanzanite	`#835995`	131, 89, 149	282°, 25%, 47%	12, 40, 0, 42
On Location	`#D4C6DC`	212, 198, 220	278°, 24%, 82%	4, 10, 0, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C3D6BD on #835995	3.57:1	AA large
Aa #835995 on #D4C6DC	3.37:1	AA large
Aa #95B388 on #835995	2.37:1	—
Aa #C3D6BD on #A885B5	2.04:1	—
Aa #A885B5 on #D4C6DC	1.93:1	—
Aa #A885B5 on #835995	1.75:1	—

CSS variables

:root {
  --color-1: #95b388; /* Foliage */
  --color-2: #c3d6bd; /* Surf Crest */
  --color-3: #a885b5; /* Purple Statice */
  --color-4: #835995; /* Purple Tanzanite */
  --color-5: #d4c6dc; /* On Location */
}

Other schemes from Foliage

More Light Green complementary palettes

Questions

What colors go with Foliage?

In a complementary scheme: Surf Crest (#C3D6BD), Purple Statice (#A885B5), Purple Tanzanite (#835995), On Location (#D4C6DC).

What is the hex code of Foliage?

#95B388.