Tempered Stone color palette — #EAF8FD · #DABC7F · #386673 · #243D44 · #20252A
Sand and Peacock set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#EAF8FD): a clean, paper-quiet neutral.
- Sand (#DABC7F): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#386673): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#243D44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#20252A): a grounded near-black with real depth.
Feels like: 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
- Marigold Meadow color palette (#EFF6FF, #CAAA65, #3B507D, #202E44, #1A1826)
- Worn Cerulean Hollow color palette (#EFF8F1, #F4C5B1, #478993, #3A5442, #252E27)
- Worn Cypress Basin color palette (#F0F8EF, #E4E0B5, #72ABA6, #3E7974, #242F22)
- Washed Aqua color palette (#EEF7FB, #6BD1E5, #7F74AB, #1F7A89, #2B2D38)
- Nocturne Chestnut color palette (#C7EAF9, #785900, #362D31, #00181C, #000304)
- Timeworn Chapel color palette (#EFF6FC, #D9DAE4, #B6A9AD, #6C8698, #4C5459)
- Tempered Hollow color palette (#C9E2F3, #B08400, #003B52, #001925, #020411)
- Softworn Cerulean Harbor color palette (#E8F8FF, #00A3B0, #9F6E81, #785166, #2F4047)
Browse the whole catalog at Explore, or see today's palette.