Tempered Stone color palette — #EFF8F0 · #C3E2D1 · #CBB287 · #AA8697 · #3B4C47
Built around Sand, softened by Dusty Rose — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Celadon Mist (#C3E2D1): A whisper-light, dusty teal — the color of shallow lagoons.
- Sand (#CBB287): A luminous, dusty gold — the color of afternoon light on wheat.
- Dusty Rose (#AA8697): A luminous, dusty rose — the color of pressed rose petals.
- Charcoal (#3B4C47): A full-bodied, dusty teal — the color of glacier melt.
Feels like: 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
- Stone Archive color palette (#ECF9F1, #C1E2D7, #C1B77D, #7C9C7B, #394C49)
- Antique Bronze Orchard color palette (#FCF4E7, #D8C9AC, #B0986B, #976A2E, #5A4400)
- Muted Blush Bloom color palette (#E7FAF9, #83D8AC, #F49A98, #A09C6B, #2B4242)
- Amber Corridor color palette (#F9E0EB, #DDBC8C, #CF8C5D, #A4675E, #1F3629)
- Softworn Bronze color palette (#F8F1E7, #C7BA9C, #A27B3B, #7B4C0F, #302C1B)
- Hazy Pier color palette (#DCF6E7, #B9D485, #B6A600, #A47627, #1D3E20)
- Iris Bloom color palette (#E7F9FF, #B7E3FF, #8FB7F3, #8D86C7, #5A3C6B)
- Moss Orchard color palette (#DEF6E3, #94953C, #886900, #713E00, #050E00)
Browse the whole catalog at Explore, or see today's palette.