Tempered Stone color palette — #FEF1F8 · #ECD4D0 · #D4A188 · #8A7188 · #334438
Built around Camel, softened by Slate — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Bone (#ECD4D0): A whisper-light, dusty orange — the color of sun-warmed clay.
- Camel (#D4A188): A luminous, dusty orange — the color of autumn markets.
- Slate (#8A7188): A full-bodied, dusty pink — the color of a candy shop window.
- Charcoal (#334438): A deep, shadowed, dusty teal — the color of shallow lagoons.
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 Courtyard color palette (#FFF0F9, #FCCEDE, #CD8C6F, #8E5B5C, #26362A)
- Aged Mint color palette (#EBF8F7, #8FD79D, #DD98A4, #A87265, #243534)
- Softworn Stone color palette (#EAFAF1, #BDE5E9, #B8B079, #658464, #2F4441)
- Wandering Cocoa Dune color palette (#FFF2E9, #F2D3B7, #D1AE94, #A88B7A, #663D00)
- Timeworn Bronze color palette (#FBEFE8, #CFB799, #AE7348, #724E45, #332B18)
- Wandering Meadow color palette (#E9F9F6, #97C783, #B478AA, #836834, #192B25)
- Muted Lagoon color palette (#EEF7F8, #D4D8CB, #43987F, #1F4E52, #0F1E1F)
- Bronze Orchard color palette (#E5FDE7, #BBB57B, #996E00, #6D3500, #001711)
Browse the whole catalog at Explore, or see today's palette.