Tempered Stone color palette — #E9F3FD · #D8B7D6 · #48657D · #193448 · #0A151E
Built around Carnation, softened by Graphite — the whole palette hums with sophistication.
The five colors
- Ivory (#E9F3FD): bright and airy, almost weightless.
- Carnation (#D8B7D6): A luminous, dusty pink — the color of peonies in June.
- Graphite (#48657D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#193448): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0A151E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Muted Stone Canyon color palette (#EEF2F9, #A8CEB4, #506280, #253145, #0F141C)
- Cerulean Drift color palette (#EFF7F4, #ECC8B9, #56849E, #26536B, #232E2A)
- Washed Petrol color palette (#EAF4F7, #88D1DC, #AB6F79, #237F8B, #1C121E)
- Turquoise Balcony color palette (#E3F7F1, #76B6CE, #7E7099, #47592D, #1F2D3D)
- Aged Navy Quarry color palette (#DFEAFA, #BC9B55, #2A437E, #0A1940, #010512)
- Azure Drift color palette (#E6F4FF, #519EC9, #A57565, #80503F, #16242F)
- Aubergine Grove color palette (#E1F6FF, #9DC3ED, #797DAC, #644072, #4C132F)
- Terracotta Atelier color palette (#CEE6FE, #94331B, #322627, #001529, #000104)
Browse the whole catalog at Explore, or see today's palette.