Tempered Stone color palette — #ECEDFF · #D6A4C3 · #B28899 · #548090 · #004146

Mauve takes the lead with Deep Teal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#ECEDFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D6A4C3): A luminous, dusty pink — the color of neon signs at night.
• Dusty Rose (#B28899): A luminous, dusty rose — the color of strawberry cream.
• Slate (#548090): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#004146): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication. Tagged vintage, retro, 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

• Hushed Drift color palette (#D5DEFF, #EBB1D3, #C29EAE, #608AA2, #1E455B)
• Tempered Stone color palette (#F0D8EB, #E3A59F, #A59266, #5F7B8F, #093B4F)
• Muted Chestnut Canyon color palette (#FFEFF4, #E3A8AA, #A17B96, #645A27, #2B3200)
• Pewter Terrace color palette (#FCE6F1, #B38B92, #8C595B, #004A45, #00233B)
• Timeworn Blush color palette (#F3D4EA, #DA929E, #9E6D5D, #3C6547, #284428)
• Shell Market color palette (#F5F3FF, #FFCDCA, #9EBDA7, #8198AA, #3A5163)
• Weathered Delta color palette (#F7DCE6, #CBBC4D, #70A057, #6F709B, #083120)
• Blush Station color palette (#EDD5F0, #FF8296, #00B3D2, #CA566B, #002F38)

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