Pistachio is a 4-colour green, light palette combining Ivory, Vanilla, Pistachio and Moss. It works especially well for clean websites and airy product photography, and for baby products, skincare packaging and soft social media feeds. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.
Colour codes
Export palette
:root {
--ivory: #f1f7e7;
--vanilla: #d4e7b0;
--pistachio: #b0d27a;
--moss: #7ea35a;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
2.64:1Fail
Aa
2.18:1Fail
Aa
1.70:1Fail
Aa
1.56:1Fail
Aa
1.28:1Fail
Aa
1.21:1Fail