Sage Still Studio
341Sage Still Studio color palette using #e3e9dd, #cbd7bb, #9caf88, #93b06e, #4b6532.
By Color
Sage Color Palettes
Sage is the muted grey-green that took over interiors, and it plays well with warm neutrals. Its main colours include lavender (#e0e8ee), pearl (#cbdad0), silver (#b1cdc3), ash (#9fc2b3), dusty rose (#a28e75), built as an analogous set around 95° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Sage color palette hex codes
Main sage colours with named swatches, HEX and RGB. Derived from this tag's hue (95°), saturation (24%) and analogous scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Lavender swatch | Lavender | #e0e8ee | rgb(224, 232, 238) | |
| Pearl swatch | Pearl | #cbdad0 | rgb(203, 218, 208) | |
| Silver swatch | Silver | #b1cdc3 | rgb(177, 205, 195) | |
| Ash swatch | Ash | #9fc2b3 | rgb(159, 194, 179) | |
| Dusty Rose swatch | Dusty Rose | #a28e75 | rgb(162, 142, 117) | |
| Smoke swatch | Smoke | #638d67 | rgb(99, 141, 103) | |
| Fern swatch | Fern | #75774a | rgb(117, 119, 74) | |
| Fern swatch | Fern | #536545 | rgb(83, 101, 69) |
Sage color palettes
Sage Deep Archive
274Sage Deep Archive color palette using #d8e6df, #ddc9b8, #9caf88, #7d9a7c, #726f40.
Sage Wild Terrace
266Sage Wild Terrace color palette using #deeee5, #d5c1ad, #9caf88, #70b36e, #6d6d46.
Sage Velvet Signal
224Sage Velvet Signal color palette using #dae4e0, #dfcab9, #9caf88, #7ea67b, #65644d.
Sage Antique Morning
151Sage Antique Morning color palette using #dbe4e0, #cebeb0, #9caf88, #5bb059, #66654c.
Sage Golden Atlas
140Sage Golden Atlas color palette using #d8ede2, #cdc0b4, #9caf88, #819b81, #605e3b.
Sage Antique Ember
137Sage Antique Ember color palette using #cfe4d8, #dac9b9, #9caf88, #7d997c, #646238.
Sage Quiet Drift
134Sage Quiet Drift color palette using #dae3de, #d7cabf, #9caf88, #59b45b, #706f36.
Sage Faded Studio
101Sage Faded Studio color palette using #dfefe7, #d2c2b6, #9caf88, #73b173, #696b3f.
Sage Still Atlas
94Sage Still Atlas color palette using #dff0e8, #d7cbc1, #9caf88, #70b770, #626140.
Sage Golden Archive
88Sage Golden Archive color palette using #d8eae1, #cec0b0, #9caf88, #6bb86b, #636437.
Sage Velvet Alcove
81Sage Velvet Alcove color palette using #e7e6dc, #c2d9c0, #9caf88, #a174a5, #3d4072.
Sage Frosted Drift
79Sage Frosted Drift color palette using #cfe3d8, #d7c1b0, #9caf88, #76a275, #707041.
Sage Frosted Lantern
73Sage Frosted Lantern color palette using #cce7da, #d3c7bb, #9caf88, #72a86e, #737438.
Sage Velvet Terrace
72Sage Velvet Terrace color palette using #e5e6cf, #bad7b8, #9caf88, #ab5fa9, #313169.
Sage Muted Current
65Sage Muted Current color palette using #dce2df, #cac0b9, #9caf88, #67a966, #60613c.
Sage Dusty Morning
59Sage Dusty Morning color palette using #d7e4de, #c7c1ba, #9caf88, #6fb569, #6c6d35.
Sage Washed Terrace
56Sage Washed Terrace color palette using #dde8e2, #decdb8, #9caf88, #729d70, #656240.
Sage Frosted Alcove
50Sage Frosted Alcove color palette using #cfe6dc, #cfc1b2, #9caf88, #6eba6d, #5b5d3e.
Sage Velvet Studio
48Sage Velvet Studio color palette using #deddd5, #c2cec2, #9caf88, #a16ea5, #3a3b63.
Sage Faded Terrace
45Sage Faded Terrace color palette using #d3e8dc, #d2c0ae, #9caf88, #78b176, #5e5e4a.
Sage Wild Lantern
29Sage Wild Lantern color palette using #dfe6d8, #c7d4b6, #9caf88, #8baa62, #4c6632.
Sage Velvet Orchard
25Sage Velvet Orchard color palette using #d9e5df, #decdb8, #9caf88, #65b468, #5b5a3f.
Sage Wild Studio
24Sage Wild Studio color palette using #d4e5dc, #d0c6bf, #9caf88, #78a17a, #616140.
About sage color palettes
Sage is the muted grey-green that took over interiors, and it plays well with warm neutrals. This page collects 24 sage color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most sage schemes anchor somewhere around sage (#98b384), a cool-to-neutral hue sitting near 95 degrees on the color wheel at roughly 24% saturation. The palettes below span a lightness range of about 54 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
When you build with sage, resist the urge to use it everywhere. Pick one swatch as your dominant colour, one as a supporting tone, and reserve the most saturated value for elements you genuinely want people to click. Everything else should be a neutral drawn from the same hue family so the whole interface feels deliberate.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Sage color palette FAQ
What colors are in a sage color palette?
A typical sage palette combines lavender (#e0e8ee), pearl (#cbdad0), silver (#b1cdc3) and supporting tones. Sage is the muted grey-green that took over interiors, and it plays well with warm neutrals.
What are the hex codes for sage?
Sage is a colour family rather than a single value. The main hex codes on this page are #e0e8ee, #cbdad0, #b1cdc3, #9fc2b3, #a28e75, #638d67, #75774a, #536545, centred near #98b384. Copy any value from the table above.
How do I use a sage color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these sage palettes free to use?
Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "sage" into the AI color palette generator to build a fresh scheme in the same range.