Tempered Stone color palette — #F8F3F8 · #E0D8D8 · #DDAE94 · #B1B3BF · #575056

A conversation between Sand and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#E0D8D8): bright and airy, almost weightless.
• Sand (#DDAE94): A luminous, dusty gold — the color of old brass.
• Ash (#B1B3BF): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#575056): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Timeworn Ash color palette (#F6F3FF, #E3D6EB, #B5CCB5, #919CBC, #544E63)
• Apricot Parlor color palette (#FAEEF4, #E6A680, #6D8175, #634D58, #261F26)
• Driftwood Lantern color palette (#F9EFEC, #DBD8CE, #A8B2A9, #A1776A, #3C3431)
• Aged Alley color palette (#EAFAEE, #F7BDD6, #D1A476, #698CC6, #524151)
• Tangerine Garden color palette (#FCF2F8, #D4E4E0, #A9D3D6, #FF753A, #4B3A44)
• Ancient Moss Orchard color palette (#EFF8F3, #C6E0E8, #A7C5DD, #A29E00, #183B2C)
• Timeworn Bronze color palette (#DEE6E1, #9DB6BB, #7B9EB4, #857000, #01190C)
• Ancient Coast color palette (#E3DCE1, #B09B98, #7EA190, #B42112, #12040F)

Browse the whole catalog at Explore, or see today's palette.