Tempered Stone color palette — #FDF2F5 · #EBAFA4 · #69547A · #4A3039 · #2D211F

Rose Quartz and Graphite set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Rose Quartz (#EBAFA4): A luminous, dusty orange — the color of autumn markets.
• Graphite (#69547A): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#4A3039): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#2D211F): a grounded near-black with real depth.

Feels like: 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

• Patina Driftwood color palette (#FCF2F4, #DBAFDB, #AD656F, #835E84, #392A26)
• Dusty Apricot color palette (#FFF2EE, #E29D60, #7C3A3F, #43251C, #221910)
• Tempered Pewter Alley color palette (#FBF2F7, #E2E0BB, #9A99C4, #696792, #32282E)
• Timeworn Study color palette (#FDF1FB, #88D2B3, #4C5D82, #453142, #2B2224)
• Ancient Coast color palette (#F3F4FF, #B9DBC0, #767B9C, #484B61, #292B35)
• Softworn Mallow color palette (#FFF0F8, #E89FBB, #AD6779, #804A50, #6E302C)
• Violet Ridge color palette (#FFF1F4, #9E67B3, #99503E, #2E5670, #3C2D36)
• Chalky Tangerine Drift color palette (#FFF1F2, #FD731C, #732162, #3D1434, #2A1315)

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