Tempered Stone Garden color palette — #DFFDF3 · #9CD2FF · #EBA4B4 · #97AB70 · #253E37
Built around Ballet Pink, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFFDF3): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#9CD2FF): A whisper-light, balanced blue — the color of deep harbor water.
- Ballet Pink (#EBA4B4): A luminous, balanced red — the color of late-summer berries.
- Sage (#97AB70): A luminous, balanced green — the color of a quiet forest floor.
- Forest (#253E37): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Tempered Stone Garden into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Muted Mustard color palette (#E4FCF3, #94CFF7, #E7B274, #AFA55E, #2C4940)
- Timeworn Stone Lantern color palette (#FFF0FA, #BDC8FF, #EDA794, #7FAF90, #45313F)
- Tempered Mallow Studio color palette (#EAFBEA, #81DEDE, #D2A9E3, #BA9D73, #2D3D2E)
- Tempered Stone Station color palette (#E5FBF4, #EAD7D2, #96C3BE, #AAA499, #594758)
- Ancient Villa color palette (#FBF4E7, #D6E3C3, #BEAC88, #9B7133, #474000)
- Linen Mallow Grove color palette (#FFF1F5, #D2A5F5, #D0A068, #30A59F, #3D212B)
- Timeworn Workshop color palette (#FEF0FF, #D9D3DD, #8CB0DE, #487197, #00392F)
- Wandering Harbor color palette (#E3FFD5, #E8EEFF, #D6CFC6, #52404E, #2A2429)
Browse the whole catalog at Explore, or see today's palette.