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 clean 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 bright 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 a good choice for wellness brands, sustainable e-commerce, and minimalist portfolios.
Why Sage Green is the "New Neutral"
Its clean gray undertones allow it to function as a neutral while still providing the emotional benefits of green - making it a strong pick for brands seeking both calmness and character.
Hand-picked palette combinations for modern design
Refined earthy combination that works well 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 rich 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. A strong fit for outdoor brands, nature tourism, and organic products.
Essential sage shades for your design toolkit
Delicate sage with warm gray undertones, great 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 clean 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%)Strong 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 that work well for wellness spaces.
Sage green bridges the gap between rustic natural tones and polished elegance, making it ideal for premium eco-conscious brands.
Sage green works well as a neutral backdrop. Its muted tone lets other colors stand out while keeping visual interest.
Combine sage green with brushed gold, brass, or copper accents for a refined, 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 a great counterbalance to sage green, keeping 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. Try it in your next sustainable or organic brand project.
Discover our complete collection of color guides with HEX codes, palettes, and design inspiration.