Tempered Stone color palette — #ECF9F3 · #9ABB84 · #50805C · #4A5B6E · #304843
A conversation between Sage and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Sage (#9ABB84): A luminous, balanced green — the color of fresh herbs.
- Fern (#50805C): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#4A5B6E): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#304843): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Stone 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
- Weathered Olive Orchard color palette (#E8FBED, #AAA849, #587517, #4D4C70, #194433)
- Cypress Studio color palette (#E6F7EC, #92BEB1, #57815F, #4E5272, #0B2E26)
- Patina Lagoon color palette (#FBF4E7, #CBC69D, #6B9D76, #886675, #4B4300)
- Mulberry Bloom color palette (#F7F3FF, #CC82BE, #5B9A67, #8E4882, #264C2E)
- Antique Cerulean color palette (#F0F7F1, #BBE4F5, #3F96B5, #2F6E67, #314B5F)
- Emerald Summit color palette (#CCF6ED, #1FAC66, #006A55, #353D73, #0C371F)
- Washed Oat color palette (#F7F3FF, #E9DBD8, #F6B5A3, #767397, #56485D)
- Patina Fern color palette (#D8EADF, #85944F, #35621E, #4E3155, #0D3026)
Browse the whole catalog at Explore, or see today's palette.