Tempered Stone color palette — #FCEDF2 · #D5B58C · #9D7684 · #6D4D5C · #223025
A conversation between Sand and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FCEDF2): a clean, paper-quiet neutral.
- Sand (#D5B58C): A luminous, dusty gold — the color of old brass.
- Mocha (#9D7684): A luminous, dusty rose — the color of strawberry cream.
- Charcoal Brown (#6D4D5C): A full-bodied, dusty rose — the color of a warm blush.
- Deep Forest (#223025): 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
- Hushed Driftwood Bloom color palette (#FCEDF6, #D9ACC2, #A27765, #6A4E62, #37262D)
- Hushed Field color palette (#FFECF3, #CEA26E, #986A40, #66422C, #152817)
- Worn Market color palette (#E9F6ED, #C0BE8E, #658D76, #485E4E, #21302A)
- Tempered Stone Chapel color palette (#FFF1F6, #C6F3EA, #CAA1B1, #8D6F84, #33443B)
- Wandering Courtyard color palette (#DFF7FD, #2BA9A5, #7580AF, #636132, #13262B)
- Muted Cerulean Station color palette (#E4F5FF, #85C9F2, #5389B6, #35547E, #192956)
- Weathered Amber color palette (#D3E5D5, #AA8A00, #755500, #4B3000, #161200)
- Patina Bronze color palette (#FFE9DD, #A65C0E, #6C3000, #401100, #0B0400)
Browse the whole catalog at Explore, or see today's palette.