Tempered Stone color palette — #E7F7EB · #AEBA82 · #598159 · #4F536E · #172C25
A conversation between Sage and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F7EB): A whisper-light, dusty teal — the color of sea glass.
- Sage (#AEBA82): A luminous, dusty green — the color of new leaves after rain.
- Fern (#598159): A full-bodied, dusty green — the color of fresh herbs.
- Charcoal Brown (#4F536E): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#172C25): 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
- Pine Pier color palette (#E3F8EC, #90AA74, #2D754B, #523C5C, #00221C)
- Lagoon Harbor color palette (#E8F6F1, #99D0CB, #549081, #645E70, #243533)
- Patina Basalt Lantern color palette (#FCF4E9, #ABB58A, #527F60, #724D5E, #4D4300)
- Taupe Ridge color palette (#F9F5E9, #DFEEAD, #8DA96D, #7D7470, #3A3932)
- Wandering Villa color palette (#FFEBF8, #D3DDCA, #C2CD9B, #836D8C, #3B252D)
- Basalt Bloom color palette (#FAF5E7, #C0CA9C, #7E9971, #8B666F, #4D4200)
- Ancient Studio color palette (#F8EFF5, #ACE8F7, #4F96C0, #0E6D5F, #1D2D41)
- Smoked Forest color palette (#CBE6DF, #006945, #00312E, #27031B, #000201)
Browse the whole catalog at Explore, or see today's palette.