Tempered Stone color palette — #F4EFFF · #EFD3DA · #D9C093 · #74749B · #3C2F41

Built around Sand, softened by Slate — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F4EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Shell Pink (#EFD3DA): A whisper-light, dusty red — the color of a theater curtain.
• Sand (#D9C093): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#74749B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#3C2F41): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged pastel, light, 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 Bone Villa color palette (#F8EDFD, #B9E7D0, #EAD4D4, #83809F, #493A46)
• Hushed Station color palette (#FFECF4, #DDD6A3, #8BBD98, #915B6D, #152A15)
• Pale Villa color palette (#FFEAFD, #FFE1C4, #91CC7E, #A0497A, #3C1B2C)
• Tempered Bronze color palette (#FFEBF7, #C5A580, #9B6651, #5B4160, #0B291B)
• Patina Ash color palette (#FFF1F1, #E2D8D0, #A5B4B0, #B797BD, #593E3B)
• Stone Thicket color palette (#F7EEFA, #A6BD82, #784250, #331D39, #120814)
• Aubergine Balcony color palette (#FFECF2, #FFCAB3, #BEB24A, #793D96, #3D0A0F)
• Softworn Driftwood color palette (#FEEBFC, #BA6E6A, #228294, #005D6B, #251223)

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