Tempered Stone color palette — #FFF1F5 · #CEB487 · #997481 · #6D5562 · #3C4C42
Built around Sand, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Sand (#CEB487): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#997481): A full-bodied, dusty rose — the color of pressed rose petals.
- Graphite (#6D5562): A full-bodied, dusty pink — the color of neon signs at night.
- Charcoal (#3C4C42): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Stone Quarry color palette (#E9FBED, #BEBA8E, #678A70, #72535D, #3A4C46)
- Driftwood Parlor color palette (#FEECF2, #A7C4AD, #A07485, #6A4E61, #1D3128)
- Cocoa Chapel color palette (#FDF3EA, #E9D6BE, #CCB093, #B58665, #604100)
- Weathered Stone color palette (#EFF6FE, #D9BC81, #45617D, #283A4D, #23242C)
- Washed Chestnut color palette (#F7E0EE, #C18861, #8F503A, #653332, #412730)
- Muted Pier color palette (#F3F4FF, #C0AEF4, #9274A2, #764D6D, #6E364F)
- Timeworn Orchard color palette (#F1F5FD, #A1C0FF, #A4658F, #536C9F, #302C36)
- Timeworn Azure color palette (#EFF6FF, #5E91D9, #AA6E52, #3E6A57, #343E4B)
Browse the whole catalog at Explore, or see today's palette.