Greens

Colors that go with Sage Green

Sage green (#9CAF88) is a muted, low-saturation green. Below are five colors calculated from its place on the wheel — plus HEX, contrast, and copy-paste CSS.

art · interior with this palette

A room built around sage green and its matches — generated per color.

Mia's take on sage green

just someone who loves color

"Sage is that color that somehow never looks wrong. I love it with a soft lilac — sounds odd, but the two calm each other down. The one thing I'd avoid? Anything neon next to it; sage gets muddy beside loud colors."

mood

#9CAF88 #9B88AF #AFAF88 #89AF88 #889CAF #AF889C

The 5 matches

Computed from the base hue. Tap a HEX to copy.

Soft Lilac

Complement u00b7 +180u00b0

Olive Gold

Analogous u00b7 u221230u00b0

Fern

Analogous u00b7 +30u00b0

Dusty Blue

Triadic u00b7 +120u00b0

Mauve Rose

Triadic u00b7 +240u00b0

Readable as a background?

WCAG contrast of text on #9CAF88.

Text

Ratio

Verdict

#000 Black

8.90

AAA pass

#FFF White

2.36

Fail

Use dark text on sage green — white falls below the 4.5:1 minimum.

Copy-paste CSS

/* Sage green palette — generated from #9CAF88 */
:root {
  --sage-green: #9CAF88;
  --soft-lilac: #9B88AF;
  --olive-gold: #AFAE88;
  --fern:       #89AF88;
  --dusty-blue: #889CAF;
  --mauve-rose: #AF889C;
}

More with this palette

art · flat-lay

art · mood board

Related palettes

The palette, HEX, and contrast are computed from #9CAF88. Images are generated per color. Mia's note is an opinion, AI-assisted. About Mia →