Tempered Stone color palette — #DEF9F0 · #F6DAD4 · #DFBBA4 · #789D88 · #453A46
Built around Sand, softened by Eucalyptus — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DEF9F0): A whisper-light, dusty teal — the color of sea glass.
- Shell Pink (#F6DAD4): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sand (#DFBBA4): A luminous, dusty gold — the color of old brass.
- Eucalyptus (#789D88): A luminous, dusty teal — the color of sea glass.
- Charcoal (#453A46): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Wandering Driftwood color palette (#FEEBFB, #DCCDD5, #A4AFBB, #6C8D7F, #433540)
- Weathered Stone color palette (#E7FBEF, #EBD7D2, #A8CBBD, #ABABA0, #41524D)
- Dusty Chestnut Orchard color palette (#F9F1E1, #BFBF8E, #908254, #784E07, #2F2D1D)
- Stone Lagoon color palette (#FFECF2, #E4D4CE, #E3B3A8, #936C82, #3A272B)
- Patina Corridor color palette (#FBEDF6, #D8C08F, #575E87, #3C2A37, #191116)
- Mallow Loft color palette (#ECF2FF, #E6CFEC, #D49BEA, #387FAA, #202143)
- Antique Powder color palette (#E4E9D9, #FFB7A4, #A1B8FF, #362833, #1F1A1E)
- Weathered Iris color palette (#FDEDF6, #8C88E1, #A07B4C, #606317, #2C1D26)
Browse the whole catalog at Explore, or see today's palette.