Skip to content
siter.io home

Sage green color palettes

Six sage schemes, five colors each, every hex copyable in one click.

Sage is a green desaturated far enough toward gray that it behaves like a neutral: which is exactly why it became the default for a decade of packaging and interiors, and why it is so easy to use badly. Pushed a few points too gray it stops reading as green at all; pushed a few points too saturated it becomes olive, which is a different mood entirely. The working range sits roughly between #9CAF88 and #B5C4A4.

  • Sage and clay

  • Herb garden

  • Linen and sage

  • Eucalyptus

  • Sage and terracotta

  • Dried herb

Sage's problem is that it is quiet enough to disappear, so the pairing matters more than the sage itself. Warm it with terracotta, clay or a soft ochre and it reads as considered and organic. Cool it with white and pale gray and it reads as clinical: fine for a medical or wellness product, wrong for a craft one. Do not pair it with another desaturated mid-tone at similar lightness; two quiet colors next to each other produce a page with no focal point at all. And as with any mid-tone, sage is a surface, not a text color: take the darkest row entry for type.

Start with the design
you already have.

Install the Figma plugin, send a frame across, and finish it on the canvas.