Grounded, calm, tactile, and editorial.
Low-chroma natural tones support photography and spacious layouts without competing for attention.
Pastel · Curated palette
Sage Studio Color Palette
A muted sage, clay, cream, and dusty blue palette for calm editorial layouts, interiors, and mindful lifestyle products.
#DDE5D5#C8D5B9#E7C9B5#F5EFE6#C9D6E4- Interior brands
- Wellness products
- Editorial websites
- Sustainable lifestyle packaging
- Dense dashboards that need many distinct states
- Small text rendered in the muted palette colors
Color values
HEX, RGB, OKLCH, CPS, and CMYK planning values.
CMYK values are generic planning approximations. Final print output requires a target ICC profile and physical proof.
| Color | HEX | RGB | OKLCH | CMYK approximation | Nearest CPS |
|---|---|---|---|---|---|
#DDE5D5 | 221, 229, 213 | oklch(91.1% 0.023 129) | 3% / 0% / 7% / 10% | CPS 10100SΔE00 3.29 | |
#C8D5B9 | 200, 213, 185 | oklch(85.6% 0.04 128) | 6% / 0% / 13% / 16% | CPS 10200SΔE00 2.97 | |
#E7C9B5 | 231, 201, 181 | oklch(85.6% 0.044 56) | 0% / 13% / 22% / 9% | CPS 05200SΔE00 3.24 | |
#F5EFE6 | 245, 239, 230 | oklch(95.4% 0.014 78) | 0% / 2% / 6% / 4% | CPS 35100NΔE00 1.06 | |
#C9D6E4 | 201, 214, 228 | oklch(87% 0.024 250) | 12% / 6% / 0% / 11% | CPS 34200NΔE00 3.17 |
Semantic role mapping
Give every color a stable job.
This role map is a practical starting point. Validate it against the real components, text sizes, and interaction states in your product.
Primary background
Feature sections
Decorative blocks and quiet badges
Warm editorial emphasis
Secondary informational surface
Context previews
Review the palette in light, dark, and mobile UI.
These previews reveal role assumptions that are invisible in a simple swatch strip.
Sage StudioOverviewProjects
Primary metric24,680
Latest activity
Role-based color preview
ReadyDark contextDashboardSettings
Selected stateColor system
Focus and status
Check the real relationships
ActiveSage Studio•••
Mobile previewBuild with roles
Test text, controls, and states before export.
Important foreground and background pairs.
AaDark text on cream#202A23 on #F5EFE612.97:1AA normal text
AaDark text on sage#202A23 on #DDE5D511.46:1AA normal text
AaDark text on clay#202A23 on #E7C9B59.47:1AA normal text
AaDark text on dusty blue#202A23 on #C9D6E410.04:1AA normal text
Accessibility notes
- Introduce a dedicated dark text color such as #202A23.
- Muted colors are better as surfaces than as small text.
- Use stronger action and focus colors outside the core pastel set.
Color-vision note
The natural tones have close chroma and lightness, so use spacing, borders, labels, and imagery to separate sections.
Print note
Well suited to print planning, but paper color can materially change the cream and sage appearance. Proof on the intended stock.
Related palettes
Pastel Dream Color Palette
Real Estate Brochure Color Palette
Premium Packaging Color Palette