Tempered Stone color palette — #F2F5FF · #DDC085 · #6E6B9A · #374062 · #1E212C

A conversation between Sand and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Sand (#DDC085): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#6E6B9A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#374062): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#1E212C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, 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

• Antique Driftwood Bloom color palette (#F5F4FD, #B8DCBF, #8E7195, #4D4964, #2B2A34)
• Timeworn Thicket color palette (#F1F5FE, #ABB580, #454B84, #252955, #1C212E)
• Gentle Mustard Drift color palette (#F8F2FF, #E4B23B, #99477F, #562847, #1E1628)
• Muted Coast color palette (#FCF2F7, #FFE2A6, #716AB9, #4C2D3F, #160C12)
• Iris Terrace color palette (#FBF2F8, #CFDDA5, #8291CE, #77576F, #291D26)
• Iris Balcony color palette (#F3F4FE, #CBBAEF, #BF7592, #8A71B6, #2A1F30)
• Chalky Grape color palette (#E1E2FF, #D6A200, #7830A8, #3D1858, #0E0B25)
• Marigold Thicket color palette (#E3DAEA, #C79E41, #7F3A5B, #42182C, #0F0715)

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