Tempered Stone color palette — #FFF0F9 · #D2B28B · #A07562 · #67576A · #3B4D43
A conversation between Sand and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Sand (#D2B28B): A luminous, dusty gold — the color of old brass.
- Mocha (#A07562): A luminous, dusty orange — the color of sun-warmed clay.
- Graphite (#67576A): A full-bodied, dusty pink — the color of neon signs at night.
- Charcoal (#3B4D43): A full-bodied, 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
- Aged Garden color palette (#E8FBEE, #97C3B5, #8C8056, #715460, #374D4B)
- Aged Hollow color palette (#FFF0F8, #E3BFCE, #B48FA2, #866B7C, #544248)
- Hushed Bronze Canyon color palette (#FDEFE5, #CEB6A2, #AD7446, #81471F, #37291A)
- Aged Stone Cabin color palette (#F0F6FF, #F1ABAB, #4B5E83, #2C394C, #24232D)
- Dusty Azure Boulevard color palette (#EDF7FF, #269AD9, #9F7551, #7B5637, #333F48)
- Airy Drift color palette (#FFE7EF, #B99A00, #945A09, #743327, #2F3A15)
- Worn Powder color palette (#ECF7FF, #91BAF4, #8E79B1, #70496D, #6D3341)
- Muted Cabin color palette (#EDF7FD, #71CDF6, #A06A85, #297696, #322A38)
Browse the whole catalog at Explore, or see today's palette.