Curated Color Harmonizer • #9CAF88

Sage Green Color Combinations

Discover colors that pair beautifully with sage green. Generate complementary, analogous, triadic and neutral sage green palettes with HEX codes and live previews. Sage green is a muted, silvery-green that evokes natural tranquility, organic textures, and understated elegance.

Interactive Sage Green Palette Generator

Anchor base color is automatically pinned. Switch harmony rules or randomize un-locked colors.

Sage Green
Sage Green
Light Grey
Charcoal
Off White
Click any color swatch to copy HEX code or lock specific tones.

Sage Green Color Specifications & Harmony Values

HEX Code
#9CAF88
RGB Values
rgb(156, 175, 136)
HSL Values
hsl(89, 20%, 61%)

Color Wheel Partners

Muted Mauve#AF889C
Olive Moss (Analogous)#88AF90
Warm Willow (Analogous)#A8AF88

Lighter Tints & Darker Shades

Tints (Gradual White Blend)
#B1C1A1
#C6D3BA
#DCE5D3
#F1F5ED
Shades (Gradual Black Blend)
#7C8F69
#5F6F4E
#434E37
#2A3122

12 Curated Sage Green Color Palettes

Explore harmonized combinations pairing sage green with neutrals, jewel tones, and complementary accents.

12 Handcrafted Palettes

Sage Green + Warm Cream

A cozy, organic sanctuary palette favored by wellness brands, ceramic studios, and tranquil bedroom interiors.

#9CAF88
#FFFDD0
#EAE6DF
#5B6E4E
#2D3A27
Sage Green
#9CAF88
Warm Cream
#FFFDD0
Linen Mist
#EAE6DF
Deep Herb
#5B6E4E
Dark Pine
#2D3A27
Contrast #9CAF88 / #FFFDD0: 2.3:1
Normal TextLarge Text

Sage Green + Beige

Grounding tactile earth tones balancing herbal sage foliage with sandy beige linen and dark timber.

#9CAF88
#F5F5DC
#D8CBB5
#8C7A6B
#3E342B
Sage Green
#9CAF88
Classic Beige
#F5F5DC
Oatmeal
#D8CBB5
Weathered Bark
#8C7A6B
Roasted Espresso
#3E342B
Contrast #9CAF88 / #F5F5DC: 2.1:1
Normal TextLarge Text

Sage Green + Navy Blue

Sophisticated contemporary contrast uniting tranquil herbal foliage with authoritative corporate navy.

#9CAF88
#0F172A
#1E3A8A
#E2E8F0
#F8FAFC
Sage Green
#9CAF88
Midnight Navy
#0F172A
Deep Cobalt
#1E3A8A
Slate Wash
#E2E8F0
Pure White
#F8FAFC
Contrast #9CAF88 / #0F172A: 7.6:1
Normal TextLarge Text

Sage Green + Terracotta

Sun-warmed Mediterranean and bohemian palette evoking baked terracotta planters nestled in olive groves.

#9CAF88
#E07A5F
#C86D51
#F4F1DE
#3D405B
Sage Green
#9CAF88
Terracotta Clay
#E07A5F
Burnt Siena
#C86D51
Warm Parchment
#F4F1DE
Deep Mineral
#3D405B
Contrast #9CAF88 / #E07A5F: 1.3:1
Normal TextLarge Text

Sage Green + Crisp White

Airy, clinical yet gentle minimalism ideal for modern organic skincare packaging and kitchen cabinetry.

#9CAF88
#FFFFFF
#F4F6F2
#D1DAC8
#2D3A27
Sage Green
#9CAF88
Crisp White
#FFFFFF
Alabaster Tint
#F4F6F2
Soft Moss
#D1DAC8
Cypress Shadow
#2D3A27
Contrast #9CAF88 / #FFFFFF: 2.4:1
Normal TextLarge Text

Sage Green + Dusty Rose

Romantic vintage bridal aesthetic combining delicate English rose florals with botanical foliage.

#9CAF88
#D8A47F
#E8C5C8
#FFF1F2
#4A3B32
Sage Green
#9CAF88
Tuscan Peach
#D8A47F
Dusty Rose
#E8C5C8
Chiffon Tint
#FFF1F2
Earthy Walnut
#4A3B32
Contrast #9CAF88 / #D8A47F: 1.1:1
Normal TextLarge Text

Sage Green + Charcoal

Architectural Scandinavian modernism pairing muted herbal warmth against industrial graphite steel.

#9CAF88
#18181B
#27272A
#71717A
#F4F4F5
Sage Green
#9CAF88
Charcoal Zinc
#18181B
Deep Slate
#27272A
Cool Mineral
#71717A
Bright Zinc
#F4F4F5
Contrast #9CAF88 / #18181B: 7.5:1
Normal TextLarge Text

Sage Green + Brown

Rich woodland warmth reminiscent of autumn leaves, cured leather, and sun-dappled forest trails.

#9CAF88
#78350F
#92400E
#FDE68A
#FEF3C7
Sage Green
#9CAF88
Caramel Brown
#78350F
Warm Walnut
#92400E
Wheat Gold
#FDE68A
Cream Butter
#FEF3C7
Contrast #9CAF88 / #78350F: 3.9:1
Normal TextLarge Text

Sage Green + Champagne Gold

Luxury botanical branding scheme pairing matte silver-green textures with polished metallic accents.

#9CAF88
#D4AF37
#F3E5AB
#3F4A37
#1C2218
Sage Green
#9CAF88
Champagne Gold
#D4AF37
Pale Butter
#F3E5AB
Cured Olive
#3F4A37
Forest Noir
#1C2218
Contrast #9CAF88 / #D4AF37: 1.1:1
Normal TextLarge Text

Sage Green + Muted Peach

Fresh and welcoming springtime harmony for organic food menus, farmer markets, and children decor.

#9CAF88
#FFD1BA
#FFBA93
#687F58
#2F3C26
Sage Green
#9CAF88
Soft Peach
#FFD1BA
Sunlit Apricot
#FFBA93
Fern Green
#687F58
Dark Oak
#2F3C26
Contrast #9CAF88 / #FFD1BA: 1.7:1
Normal TextLarge Text

Sage Green + Soft Lavender

Dreamy, therapeutic color harmony tailored for aromatherapy, bedtime meditation apps, and wellness.

#9CAF88
#E9D5FF
#C084FC
#F8FAFC
#1E1B4B
Sage Green
#9CAF88
Soft Lavender
#E9D5FF
Pale Lilac
#C084FC
Clean Studio
#F8FAFC
Midnight Violet
#1E1B4B
Contrast #9CAF88 / #E9D5FF: 1.7:1
Normal TextLarge Text

Sage Green + Forest Green

Monochromatic botanical immersion creating natural depth, environmental stewardship, and calm focus.

#9CAF88
#2D3A27
#1C2E1F
#D6E2D5
#FFFFFF
Sage Green
#9CAF88
Deep Fern
#2D3A27
Evergreen Fir
#1C2E1F
Pale Celadon
#D6E2D5
Pure White
#FFFFFF
Contrast #9CAF88 / #2D3A27: 5.1:1
Normal TextLarge Text

Live Mockup Previews for Sage Green

Test how your chosen sage green combination translates across real web cards, brand identities, interior spaces, and mobile screens.

Real-Time Application

Preview Your Colors

See how your generated color combination behaves across websites, dashboards, mobile interfaces, branding, and interiors.

▲
Apex Studio
Introducing New Architecture

Build intuitive products with harmonious color.

Combine high-performance aesthetics with accessible contrast. Designed for seamless user engagement across all viewports.

01

Sub-second Velocity

Instantaneous execution with zero client lag.

02

WCAG 2.2 Contrast Checking

Automatically test color pairs against WCAG 2.2 contrast thresholds for normal text, large text, and interface elements.

03

Export Anywhere

Direct code output for Tailwind, CSS & SCSS.

Sponsored Advertisement Space

Reserved for AdSense unit (content) • Responsive & Non-intrusive

Real-World Applications for Sage Green

Website design

Skincare E-commerce Interface

Sage green hero sections with cream backgrounds and dark slate buttons communicate pure ingredients.

Brand identity

Artisan Ceramic Studio Identity

Terracotta, sage green, and sand packaging labels delivering handmade Mediterranean warmth.

Interior design

Nordic Sunlit Living Room

Sage green accent walls complemented by oak timber flooring, linen drapes, and matte black lighting.

Colors That Go With Sage Green

Cream & Warm White

Soft creams prevent sage from feeling clinical, creating an inviting, sunlit atmosphere in interiors and UI cards.

Terracotta & Clay

Terracotta acts as a warm earthy complementary partner, grounding sage greens with artisanal tactile warmth.

Navy Blue

Deep navy provides sharp, authoritative structure, transforming informal herbal sage into professional corporate branding.

Beige & Tan

Sandy beige and linen provide subtle tone-on-tone richness without overwhelming eyes with high saturation.

Charcoal Grey

Dark slate and charcoal give sage green an architectural, mid-century Scandinavian edge.

Best Sage Green Color Combinations

The most timeless sage green combinations unite herbal greens with warm neutrals like cream (#FFFDD0) or linen beige (#F5F5DC). For energetic contrast, pair sage green with burnt terracotta (#E07A5F) or midnight navy (#0F172A).

Sage Green + Neutral Colors

When combining sage green with neutrals, avoid cool bluewashed greys which can make sage appear dull. Instead, choose warm alabaster, oatmeal, brushed stone, and camel leather.

Sage Green + Bold Colors

To make sage green vibrant, pair it with mustard ochre (#D97706), dusty coral (#FF6F61), or rich plum purple (#581C87) for dramatic vintage editorial impact.

Industry & Medium Recommendations

For Websites & UI

Sage green makes an exceptional canvas for wellness, lifestyle, and architecture websites. Use sage for primary callout banners or subtle background sections with dark slate text for high legibility.

For Branding

Sustainable brands, organic beauty products, and boutique interior studios gravitate toward sage green to communicate purity, environmental care, and understated luxury.

For Interiors

In interior spaces, sage green is widely recognized as a "new neutral". Paint walls in sage green to visually enlarge living rooms while maintaining cozy connection to nature.

How to Use Sage Green in Your Projects

  • 1Apply the 60-30-10 rule: 60% neutral background (cream or white), 30% sage green surfaces, and 10% accent (terracotta or gold).
  • 2Verify contrast: When placing text over sage green (#9CAF88), use dark charcoal (#18181B) rather than white to guarantee WCAG compliance.
  • 3Pair with tactile materials: In print or 3D mockups, complement sage green with textured paper, raw wood, and unpolished brass.

Frequently Asked Questions

What colors go best with sage green?

The best matching colors for sage green include warm cream, soft beige, burnt terracotta, dusty rose, navy blue, and charcoal grey. Warm tones offset the cool grey undertones in sage green.

Is sage green considered a warm or cool color?

Sage green is typically a cool green because of its grey-blue undertones, though it can lean warmer when paired with yellow-based creams, camel, and terracotta.

What is the exact HEX code for sage green?

The standardized web hex code for sage green is #9CAF88, which corresponds to RGB(156, 175, 136) and HSL(89°, 20%, 61%).

Can sage green be used as a neutral base color?

Yes, interior designers and digital UI creators frequently treat sage green as a "living neutral" because its low saturation harmonizes seamlessly with timber, stone, and metals.