Sage Green Color
Hex Code: #87A878 · green
About Sage Green
Sage green is a muted, grayish-green color named after the culinary herb. It sits in the softer, more muted range of greens, blending the calming quality of green with a hint of gray that gives it sophistication. Sage green has become one of the most popular colors in contemporary interior design and fashion because of its versatility and its ability to feel simultaneously modern and organic.
Is Sage Green Right for Your Project?
Choose Sage Green for
Sage green works beautifully in interior design for walls, furniture, and soft furnishings. In graphic design, it pairs well with warm neutrals, dusty rose, and cream. Popular in wellness branding, organic products, and modern bohemian aesthetics. It shows up in 4 palettes in Colortion's library spanning a calm, playful range of moods.
Look elsewhere for
High-energy nightlife or urgent call-to-action design, where green's calm, natural association works against urgency. Browse all colors to find a hue with a better fit.
Sage Green Tints & Shades
Lighter and darker variants of Sage Green — useful for hover states, borders, and backgrounds that need to stay in the same color family.
Sage Green Color Harmonies
Other hues computed from Sage Green's position on the color wheel — a fast starting point for a palette built around this color.
Color Palettes with Sage Green
Colors That Go With Sage Green
These colors complement Sage Green beautifully in design projects.
How to Use Sage Green in Design
Sage green works beautifully in interior design for walls, furniture, and soft furnishings. In graphic design, it pairs well with warm neutrals, dusty rose, and cream. Popular in wellness branding, organic products, and modern bohemian aesthetics.
Greens like this one sit mid-spectrum for perceived brightness, so contrast against both black and white text needs a manual check rather than a guess. Use #87A878 ( hsl(101, 22%, 57%)) directly in CSS or your design tool — for print, ask your printer for the closest CMYK or Pantone match before production.
Sage Green is most often paired with Dusty Rose, Terracotta and Lavender. Start from #87A878 in the Colortion generator and build outward from there rather than starting from scratch.
Similar Colors
All colorsHow Sage Green Compares
Side-by-side hex, RGB, and lightness values against the closest colors in the library.
| Color | Hex | Lightness |
|---|---|---|
| Sage Green (this page) | #87A878 | 57% |
| Forest Green | #2D6A4F | 30% |
| Olive Green | #6B7C3C | 36% |
| Emerald Green | #50C878 | 55% |
| Slate Blue | #6A9AB8 | 57% |
| Lavender | #B89AC4 | 69% |
Frequently Asked Questions
What is the hex code for Sage Green?
The hex code for Sage Green is #87A878. The RGB value is rgb(135, 168, 120) and the HSL value is hsl(101, 22%, 57%).
What colors go with Sage Green?
Sage Green pairs well with Dusty Rose, Terracotta, Lavender — see the tints, shades, and comparison table below for exact values to build from.
What is Sage Green used for in design?
Sage green works beautifully in interior design for walls, furniture, and soft furnishings. In graphic design, it pairs well with warm neutrals, dusty rose, and cream. Popular in wellness branding, organic products, and modern bohemian aesthetics.