HEX #9DC183: Master the ultimate nature-inspired neutral for aesthetic, calm design
Sage Green is a muted, earthy green that takes its hue from the dried leaves of the sage plant. It is a sophisticated mix of green, gray, and a hint of yellow, making it one of the most versatile neutrals in the design world.
In 2026, Sage Green has become the cornerstone of Biophilic Design, representing a collective desire for peace, growth, and a connection to the natural environment.
Unlike vibrant emeralds or neon greens, Sage Green acts as a calming backdrop. It is psychologically linked to renewal and harmony. In web design, it reduces visual fatigue, making it perfect for wellness brands, sustainable e-commerce, and minimalist portfolios.
Why Sage Green is the "New Neutral"
Its sophisticated gray undertones allow it to function as a neutral while still providing the emotional benefits of green - making it perfect for brands seeking both calmness and character.
Curated palette combinations for modern design
Sophisticated earthy combination perfect for organic brands and sustainable design. Sage green takes center stage with warm terracotta accents and cream neutrality.
Contemporary organic palette pairing sage green with sophisticated charcoal gray and soft gold accents. Ideal for modern wellness brands and eco-luxury.
Deep forest palette combining sage green with rich forest green and wood brown tones. Perfect for outdoor brands, nature tourism, and organic products.
Essential sage shades for your design toolkit
Delicate sage with warm gray undertones, perfect for soft backgrounds.
#B2AC88
rgb(178, 172, 136)
The quintessential sage green - nature-inspired neutral for modern design.
#9DC183
rgb(157, 193, 131)
Richer sage tone with sophisticated depth for premium applications.
#7A8B6E
rgb(122, 139, 110)
Deep forest sage that bridges sage green and olive tones.
#556B2F
rgb(85, 107, 47)
Complete range from mist sage to deep pine
Mist Sage
#C5D0B4
Pale Sage
#B2AC88
Soft Sage
#A8C69F
Classic Sage
#9DC183
Sage Medium
#8FA67A
Deep Sage
#7A8B6E
Stone Sage
#6B7A5C
Moss Sage
#5C6B4F
Forest Sage
#556B2F
Olive Sage
#4A5C2A
Pine Sage
#3D4D24
Deep Pine
#2F3D1E
Ready-to-use gradient combinations
Light to medium sage progression
linear-gradient(135deg, #B2AC88 0%, #9DC183 50%, #8FA67A 100%)Classic to deep sage transition
linear-gradient(135deg, #9DC183 0%, #7A8B6E 50%, #556B2F 100%)Ethereal sage mist to stone
linear-gradient(135deg, #C5D0B4 0%, #9DC183 50%, #6B7A5C 100%)Complete sage range gradient
linear-gradient(135deg, #C5D0B4 0%, #9DC183 30%, #7A8B6E 70%, #556B2F 100%)Perfect pairings for sage green
Soft, natural combination for organic brands
#9DC183#F5F5DCEarthy palette inspired by nature
#9DC183#E2725BModern contrast with professional appeal
#9DC183#333333Premium aesthetic for luxury design
#9DC183#D4AF37Sage Green creates an instant connection to nature, supporting the biophilic design movement that emphasizes human-nature relationships in built environments.
As the color of new leaves and herb garden growth, sage green symbolizes renewal, fresh beginnings, and sustainable living.
The muted gray undertones in sage green reduce visual fatigue, creating peaceful, restorative environments perfect for wellness spaces.
Sage green bridges the gap between rustic natural tones and refined elegance, making it ideal for premium eco-conscious brands.
Sage green works exceptionally well as a neutral backdrop. Its muted tone allows other colors to shine while maintaining visual interest.
Combine sage green with brushed gold, brass, or copper accents for a sophisticated, organic-luxury aesthetic.
Create depth by layering different sage shades - from pale sage to deep forest sage - for rich, monochromatic designs.
Cream and off-white tones provide the perfect counterbalance to sage green, preventing designs from feeling too heavy or dark.
| Format | Value |
|---|---|
| HEX | #9DC183 |
| RGB | rgb(157, 193, 131) |
| HSL | hsl(95°, 33%, 64%) |
| CMYK | 19%, 0%, 32%, 24% |
| OKLCH | oklch(75%, 0.08, 145°) |
Ready-to-use CSS for sage green gradients
background: linear-gradient(135deg, #B2AC88 0%, #9DC183 100%);background: linear-gradient(135deg, #C5D0B4 0%, #9DC183 50%, #556B2F 100%);<div class="bg-[#9DC183] p-4 text-white rounded-lg">
Sage Green Background
</div>Sage green brings nature and serenity to your designs. Use it for sustainable, organic brand experiences.
Discover our complete collection of color guides with HEX codes, palettes, and design inspiration.