Tempered Stone color palette — #E8F5F3 · #A6CFAE · #598D8E · #4A676B · #223534
A conversation between Pistachio and Storm Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8F5F3): bright and airy, almost weightless.
- Pistachio (#A6CFAE): A luminous, dusty teal — the color of glacier melt.
- Storm Blue (#598D8E): A luminous, dusty teal — the color of glacier melt.
- Graphite (#4A676B): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#223534): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Ancient Ash color palette (#EAF4F3, #CEDCF1, #6EA6B8, #467380, #253946)
- Ancient Teal Summit color palette (#DBF9F9, #44BFA0, #007C70, #00575B, #002629)
- Aged Driftwood color palette (#F6F6ED, #BFC4AA, #738B4A, #586C58, #4C5200)
- Driftwood Corridor color palette (#EEF1FF, #E4D4E0, #C4A999, #7D88A4, #3A3C49)
- Cobalt Lantern color palette (#E9F3FF, #99BFFE, #697EBF, #4D5380, #2B334C)
- Wandering Studio color palette (#EDF1FF, #9790E1, #B47992, #4D8192, #222637)
- Tempered Pine Veranda color palette (#D5F1EE, #007C4E, #004130, #00222E, #000401)
- Wandering Moss color palette (#D8EEE2, #8B9538, #475F00, #044148, #00170F)
Browse the whole catalog at Explore, or see today's palette.