Sage Green #9CAF88
Sage green, hex code #9CAF88, is a soft, grayish green with a light-to-medium tone and low saturation. It looks like dried sage leaves, a dusty green that leans slightly warm. People link it with calm interiors, herb gardens, natural wellness brands, and relaxed, rustic weddings.
There is no official sage green and no CSS keyword for it. #9CAF88 is one common value, and paint brands sell many versions, from silvery gray-greens to deeper olive tones.
| HEX | #9CAF88 | |
|---|---|---|
| RGB | rgb(156, 175, 136) | |
| HSL | hsl(89, 20%, 61%) | |
| HSV | hsv(89, 22%, 69%) | |
| CMYK | cmyk(11%, 0%, 22%, 31%) |
Text on Sage Green
Black text reads better on Sage Green. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Sage Green
Sage Green tints and shades
Tints mix Sage Green with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Sage Green color schemes
Color-wheel harmonies built by rotating the hue of #9CAF88 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Sage Green color meaning
Sage green is named after the herb, whose leaves have a soft gray-green color. It carries that herbal, natural feeling, along with a quiet calm that makes it popular in homes and spas.
The gray undertone makes it restful, and it can work almost like a neutral alongside wood, linen, and white. It suggests nature in a soft-spoken way, which suits people who want color without much intensity. Because it's so muted, sage can also look different through the day, grayer in cool morning light and greener in warm evening light.
Sage has been a popular choice for kitchens, bedrooms, and wedding palettes in recent years. People tend to read it as gentle, balanced, and homey. It's often chosen for nurseries and bedrooms as a calm alternative to pink, blue, or beige.
How to use Sage Green in design
Sage green fits wellness, skincare, plant shops, interior brands, and eco products. It's light enough that dark text works well on it, and charcoal, deep green, or dark brown text reads cleanly. White text on sage tends to look faded. On websites, sage makes a gentle background for sections or cards, though it can look dull without a stronger accent; terracotta, blush, or deep green buttons help. In interiors, sage cabinets, walls, and bedding suit natural wood, brass, and cream.
Palettes with Sage Green tones
Curated palettes with a color close to #9CAF88.
Colors similar to Sage Green
Work with Sage Green
Sage Green FAQ
What is the difference between sage green and olive green?
Sage green is lighter and grayer, with a soft, dusty look. Olive green is darker and more yellow, closer to an earthy khaki. Sage feels calm and airy, while olive feels sturdier and more outdoorsy. Both are muted greens that pair well with warm neutrals.
What colors go with sage green?
Cream, white, and warm wood are the easiest partners. Terracotta and blush pink add warmth, while hunter green or charcoal give depth and readable contrast. For a softer scheme, try dusty rose or lavender. Brass and gold hardware also look good against sage walls and cabinets.