Tempered Stone color palette — #E7F9FB · #D4DDE9 · #ACC090 · #BDA8A4 · #3B565F
A conversation between Sage and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7F9FB): bright and airy, almost weightless.
- Silver (#D4DDE9): a clean, paper-quiet neutral.
- Sage (#ACC090): A luminous, dusty green — the color of a quiet forest floor.
- Rosewood Mist (#BDA8A4): A luminous, dusty orange — the color of sun-warmed clay.
- Peacock (#3B565F): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Patina Teal color palette (#EEF9EC, #BAE0E9, #C4C2CC, #84B79A, #405242)
- Muted Amber color palette (#ECF7FF, #97CAEB, #DCA3C0, #B9934D, #303F4B)
- Hushed Ash color palette (#EEF6FD, #F1D2F0, #7EA3C0, #527188, #222D35)
- Washed Turquoise color palette (#EEF7FA, #B8E7F8, #E99DBB, #1FC0CF, #322A37)
- Chalky Jade color palette (#E0F7FF, #D3D5FA, #EBB2FF, #00BA7F, #003B4E)
- Glacier Workshop color palette (#FFF3E6, #FFD0C2, #4FECFC, #4F707C, #2D363A)
- Tempered Blush Drift color palette (#D8EAFF, #B9ABED, #E779A0, #008992, #0A1142)
- Gentle Pine Harbor color palette (#D0E8EE, #81A1C9, #9388E7, #127A16, #001417)
Browse the whole catalog at Explore, or see today's palette.