Tempered Stone color palette — #FFF0F8 · #C6E2C8 · #D2A7BD · #A188A2 · #374E43
A conversation between Rosewood Mist and Heather, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Celadon Mist (#C6E2C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Rosewood Mist (#D2A7BD): A luminous, dusty rose — the color of strawberry cream.
- Heather (#A188A2): A luminous, dusty pink — the color of peonies in June.
- Charcoal (#374E43): A full-bodied, dusty teal — the color of sea glass.
Feels like: 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
- Ancient Ash color palette (#EDF9EC, #C1E3D0, #A5BEA3, #A6879C, #344E47)
- Softworn Driftwood color palette (#FFF0F7, #ECD3D0, #C9A1B4, #916D86, #314535)
- Aged Bronze Basin color palette (#FFF3E9, #DBC7B1, #B69478, #A1633F, #604100)
- Patina Bone color palette (#F1F5FF, #C0EACA, #919DC2, #636C88, #282B34)
- Wandering Mallow color palette (#F6F3FF, #E3B0D9, #B4BC87, #979F6C, #40394D)
- Washed Driftwood color palette (#FAF0E8, #CEB797, #A87557, #6E5046, #302C1E)
- Muted Ash color palette (#F4F4FC, #E5D5FF, #DBAC8A, #B59FD5, #362A2F)
- Hushed Stone color palette (#FDF1FA, #F5A99B, #D38C7F, #699A7C, #322F41)
Browse the whole catalog at Explore, or see today's palette.