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.

Other palettes.

Same format, different mood. Every hex on every one of them copies in a click.

All thirteen palette collections · Pull a palette out of an image · Check a pair for contrast

  • Figma plus Siter.io

    Start with the design you already have.

    Install the Figma plugin, send a frame across, and finish it on the canvas. The free plan builds and previews as much as you like; publishing to your own domain starts at $7/mo billed yearly.

    Get the plugin ->

  • Start for free with Siter.io

    Start for free ->
Hey there 👋  Friends from designmodo are here to help!
More Products