Sage Green Color Palette
A muted sage green palette for calm, natural aesthetics. Ideal for organic brands, spas, and interior design.
Deep Sage
HEX: #5e7350
RGB: rgb(94, 115, 80)
HSL: hsl(96, 18%, 38%)
Sage
HEX: #7d916c
RGB: rgb(125, 145, 108)
HSL: hsl(92, 15%, 50%)
Sage Green
HEX: #9caf88
RGB: rgb(156, 175, 136)
HSL: hsl(89, 20%, 61%)
Light Sage
HEX: #bfcdb4
RGB: rgb(191, 205, 180)
HSL: hsl(94, 20%, 75%)
Sage Mist
HEX: #e0eada
RGB: rgb(224, 234, 218)
HSL: hsl(97, 28%, 89%)
CSS Variables
:root {
--sage-green-1: #5e7350;
--sage-green-2: #7d916c;
--sage-green-3: #9caf88;
--sage-green-4: #bfcdb4;
--sage-green-5: #e0eada;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'sage-green': {
'100': '#5e7350',
'200': '#7d916c',
'300': '#9caf88',
'400': '#bfcdb4',
'500': '#e0eada',
},
},
},
},
}Use Cases
Organic brands
Spa websites
Interior design
Botanical shops
Related Palettes
Frequently Asked Questions
Why is sage green so popular in modern design?▾
Sage green has surged in popularity because it combines the calming nature of green with sophisticated gray undertones, fitting the trend toward muted, organic aesthetics.
What accent colors work with sage?▾
Sage pairs beautifully with blush pink, terracotta, cream, gold, and charcoal. These combinations create a warm, natural, and sophisticated look.