Tempered Stone color palette — #FBF1FC · #D8BD83 · #456080 · #443145 · #2B2325
A conversation between Sand and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF1FC): a clean, paper-quiet neutral.
- Sand (#D8BD83): A luminous, balanced gold — the color of old brass.
- Peacock (#456080): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#443145): A deep, shadowed, dusty pink — the color of peonies in June.
- Onyx (#2B2325): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, 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
- Tempered Stone Station color palette (#E9FAF3, #D5BD8C, #3C6859, #204035, #1B2728)
- Marigold Harbor color palette (#FFF1F4, #CFA954, #66406F, #41242B, #261611)
- Tempered Cerulean Canyon color palette (#EFF6FF, #EEC4D1, #637FA7, #3F4E62, #252C35)
- Muted Ash color palette (#F0F6FC, #BBE8E8, #7DA2CC, #536F8F, #252C34)
- Marigold Study color palette (#FFF0FA, #CB9900, #383E88, #1C1E54, #241520)
- Weathered Pier color palette (#FBF2F9, #A5BEFF, #A6658C, #566AA3, #362A2A)
- Muted Driftwood Coast color palette (#FBF2F7, #E3D7D5, #AEADA2, #9B7589, #565154)
- Iris Chapel color palette (#FDF1FC, #618FE0, #A17357, #636236, #453844)
Browse the whole catalog at Explore, or see today's palette.