
Figma color wheel
Want to find the perfect complementary or analogous colors to match green sage?
Skip to main content
Everything you need to know about green sage to inspire your next design.
Green sage is a muted and earthy shade that combines green with gray undertones. This color sits within the green spectrum on the color wheel. Its subtle, soothing presence is often associated with calmness and restoration.
Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Monochromatic
Complementary
Adjacent
Green sage is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #98A869
- RGB value: 59.6% red, 65.9% green and 41.2% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are a few ways to consider using green sage in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same muted and natural spectrum as green sage, consider:
To complement green sage's understated tones, consider pairing it with:
Other colors worth considering include lavender for a soft, whimsical palette, charcoal for a bold, grounded look, and soft yellow for a sunny, cheerful vibe.
While green sage is versatile, it may clash with:
Green sage symbolizes tranquility, wisdom, and a deep connection to nature. Its muted, earthy tone evokes a refreshing calm and sophistication. This color signifies healing, balance, and growth, offering a mature and comforting presence.
In color psychology, green sage can help reduce stress and anxiety by promoting mental and emotional balance. Sage green encourages reflection and renewal, making it perfect for creating relaxing spaces.
In UI and UX design, green sage fosters a serene user experience, building trust with its calming effect and enhancing visual appeal. Green sage also pairs well with many colors, fitting modern and rustic design themes.
Green sage comes from the sage plant, known for its medicinal properties and dusty green leaves. Since ancient times, sage has been used in various cultures and is associated with health, healing, protection, and wisdom.
In the 18th and 19th centuries, green sage's popularity grew in art, mirroring society's fascination with botany and the natural world. The Victorian era embraced green sage for home decor, using it in wallpapers and fabrics to bring the tranquility of nature indoors. Its muted tones were considered sophisticated and soothing, making it a versatile design choice.
Green sage's natural, calming qualities ensured its continued relevance in the 20th century. It found a place in the arts and crafts movement and later in mid-century modern design, where it helped create serene and harmonious spaces—a counterpoint to the rapid pace of technological advancements.
Contrast 2.58
#98A869
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 8.14
#98A869
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #98A869, known as green sage, has RGB values of R:152, G:168, B:105 and CMYK values of C:0.1, M:0, Y:0.38, K:0.34.
| VALUE | CSS | |
|---|---|---|
| HEX | 98A869 | #98A869 |
| RGB DECIMAL | 152, 168, 105 | rgb(152,168,105) |
| RGB PERCENTAGE | 59.6, 65.9, 41.2 | rgb(59.6%,65.9%,41.2%) |
| CMYK | 10, 0, 38, 34 | |
| HSL | 75.2°, 26.6, 53.5 | hsl(75.2,26.6%,53.5%) |
| HSV (OR HSB) | 75.2°, 37.5, 65.9 | |
| WEB SAFE | 999966 | #999966 |
| CIE-LAB | 66.29, -16.167, 30.708 | |
| XYZ | 29.501, 35.7, 18.701 | |
| xyY | 0.352, 0.426, 35.7 | |
| CIE-LCH | 66.29, 34.704, 117.765 | |
| CIE-LUV | 66.29, -6.767, 42.202 | |
| HUNTER-LAB | 59.75, -16.43, 23.268 | |
| BINARY | 10011000, 10101000, 01101001 | |
| iOS - SwiftUI | Color(red: 152/255, green: 168/255, blue: 105/255) | |
| iOS - UIKit | UIColor(red: 152/255.0, green: 168/255.0, blue: 105/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFF98A869) |

Want to find the perfect complementary or analogous colors to match green sage?

Learn more about the color green.

Learn about the subdued lightness of pastels.