Color meaning

Sage Green

Introducing Sage Green (#9CAF88), a soft, muted shade. Its calm gives storefronts an understated, natural feel, while its grey-green cast makes it a gentle choice for backgrounds, cards, and packaging that should read as organic, minimal, and premium.

#9CAF88HSL 89, 20%, 61%

Sage Green code conversions

HEX
#9CAF88
RGB
rgb(156, 175, 136)
HSL
hsl(89, 20%, 61%)
HSB
hsb(89, 22%, 69%)
CMYK
cmyk(11%, 0%, 22%, 31%)

Sage Green color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Sage Green contrast

Your catchy large text

Small body copy sitting on Sage Green.

2.36:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Sage Green.

8:1Black textAA passAAA pass

Sage Green color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like Sage Green

Matched by color distance against real palettes extracted from live storefronts.

Faherty
#af9e87
Rothy's
#b9b7b3
Allbirds
#82877e
Brooklinen
#cecdca
Gymshark
#e4ddd2
Reebok
#8ac5cc
Puma
#7e726a

Related green colors

Forest GreenEmeraldOlive

Sage Green: frequently asked

What color is Sage Green?

Sage Green (#9CAF88) is a light, desaturated grey-green. In e-commerce interfaces it reads as calm and refined, sitting between a fresher leaf green and a warm neutral beige.

What is the meaning of Sage Green?

Sage Green signals calm, balance, and quiet sophistication. Brands reach for it when they want customers to feel a natural, wellness-minded ease, common in beauty, home, and slow-fashion stores.

How do I use Sage Green (#9CAF88) in e-commerce design?

Use Sage Green for section backgrounds, product cards, and subtle badges, and pair it with off-white or a deep charcoal so text stays legible. Reserve stronger colors for the CTA, as its low contrast can soften a call to action.

Using Sage Green color codes

Copy Sage Green in HEX, RGB, HSL, HSB, and CMYK below to match it across your web store, app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP