Green Monochrome color palette

Green Monochrome is a 5-colour monochrome, green palette combining Off White, Pale Mint, Pistachio, Fern and Dark Green. It works especially well for UI design systems, where light shades become backgrounds and dark shades become text. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.

:root {
  --off-white: #e9f4ea;
  --pale-mint: #b2d8b5;
  --pistachio: #6fb876;
  --fern: #33803c;
  --dark-green: #173d1d;
}