Tempered Stone color palette — #EEF8F2 · #C8E0D3 · #C1B688 · #A29067 · #394D45
Sand takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Silver (#C8E0D3): A whisper-light, dusty teal — the color of sea glass.
- Sand (#C1B688): A luminous, dusty green — the color of a quiet forest floor.
- Caramel (#A29067): A luminous, dusty gold — the color of honey in a jar.
- Charcoal (#394D45): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Bronze Lagoon color palette (#FCF4E5, #D3E1C6, #BDAE76, #9E6F36, #414300)
- Patina Taupe color palette (#EEF8F1, #B6D2C7, #7DA78D, #926675, #354D49)
- Worn Taupe Canyon color palette (#FEF1F7, #EBD1DC, #D0A9BD, #B78473, #593F49)
- Weathered Summit color palette (#EBF8F8, #99D0B6, #D58B6E, #A8822D, #213C35)
- Tempered Courtyard color palette (#F8F1E1, #C0BE8C, #8C8359, #735100, #302C1D)
- Bronze Study color palette (#DBE8DC, #B49D5D, #A07400, #7C4F00, #1B1600)
- Softworn Lagoon color palette (#FFE7F3, #F5B98E, #DF8C60, #CD552B, #4F2C01)
- Tempered Fern Market color palette (#CBEDDC, #7E874D, #666300, #4A3F00, #020400)
Browse the whole catalog at Explore, or see today's palette.