Tempered Stone color palette — #E6F6F4 · #DCBF83 · #466C4F · #1D3635 · #0C1615
A conversation between Sand and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6F6F4): bright and airy, almost weightless.
- Sand (#DCBF83): A luminous, balanced gold — the color of old brass.
- Pine (#466C4F): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#1D3635): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#0C1615): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Washed Cabin color palette (#F3F7EC, #DDB895, #536724, #2F3F00, #1F2722)
- Aged Ridge color palette (#E7F4FB, #D4AD58, #005F72, #0B2B39, #040E14)
- Timeworn Workshop color palette (#F5F6EC, #DED1A9, #7D833C, #4D5200, #2B2C23)
- Ancient Lagoon color palette (#E8F9FA, #D7D8CC, #599196, #2F4C4F, #111E1F)
- Chestnut Delta color palette (#CFEAEA, #705300, #302B31, #00190E, #000201)
- Bronze Corridor color palette (#D8F1FB, #987200, #575D56, #003035, #000A0C)
- Wandering Jade color palette (#E0F7F7, #4DAA79, #8C78A6, #7C5056, #102727)
- Hushed Grove color palette (#EAF4F6, #D1D8E0, #AEABB6, #628A93, #2E383A)
Browse the whole catalog at Explore, or see today's palette.