Meaning
In Western cultures, sage symbolizes wisdom and tranquility, often linked to healing practices and purification rituals. Contrastingly, in Eastern traditions, the color can represent harmony and prosperity, reflecting its dual significance across different cultures.
The term 'sage' originates from the Latin 'salvia', referring to the healing properties of the sage plant. This color gained prominence in design and decor in the 20th century, particularly during the rise of the mid-century modern aesthetic, celebrated for its connection to nature.
mutedearthycalmingsubtlenatural
The story of Sage
Where the name and the color come from.
Sage is named after the culinary and medicinal herb Salvia officinalis, whose soft, silvery grey-green leaves give the color its characteristic dustiness. The plant name descends from the Latin salvus — "safe" or "healthy" — and the verb salvare, "to heal," because sage was prized in antiquity as a remedy and a purifying herb.
That heritage is why sage doesn't read like a pure green at all. It is a muted, desaturated yellow-green softened with grey, which is exactly what makes it feel calm rather than vivid. The color name only became common in design vocabulary relatively recently, riding the wellness and biophilic-design movements that turned muted, plant-derived hues into "new neutrals."
Using Sage in design
How it behaves in interiors, fashion and branding.
Designers treat sage as a green that behaves like a neutral: it recedes, calms a room, and flatters natural materials — unfinished oak, walnut, rattan, linen and unlacquered brass. It works on full walls without overwhelming, which is why it migrated from accent to whole-room color in bedrooms, kitchens and bathrooms.
In fashion and branding, sage signals natural, organic and understated luxury — skincare, plant-based food and slow-fashion labels lean on it precisely because it looks expensive without shouting.
Accessibility
Works well as text on dark backgrounds; fails on light.
Aa Best text color: #000000 · 9.15:1
Sage as text on… Ratio AA AAA
Aa White background 2.3:1 Fail Fail
Aa Black background 9.15:1 Pass Pass
Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.
How to use #B2AC88
Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.
CSS color: #B2AC88;
CSS color-mix (lighten 30%) color-mix(in srgb, #B2AC88 70%, white)
HSV / HSB 51°, 24%, 70%
CMYK (print) 0, 3, 24, 30
Decimal 11709576
Nearest web-safe #999999