Tempered Stone color palette — #F8EEF6 · #E6A39F · #89757F · #5F4E5D · #242026

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

The five colors

• Blush (#F8EEF6): a clean, paper-quiet neutral.
• Rose Quartz (#E6A39F): A luminous, balanced orange — the color of toasted spice.
• Driftwood (#89757F): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal Brown (#5F4E5D): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#242026): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Washed Marigold color palette (#EBF5E9, #DEAC70, #6E8175, #4A5949, #281F23)
• Timeworn Study color palette (#FAEDF9, #CA8786, #695058, #3F343F, #232026)
• Tempered Blush Drift color palette (#FFF2ED, #ED9091, #764906, #342824, #140E0E)
• Sunlit Summit color palette (#FFE6F4, #FE6F1A, #7F613D, #603420, #190D17)
• Timeworn Amber color palette (#F4D7E4, #D06D00, #65502A, #462234, #0A0207)
• Tempered Rust Studio color palette (#F8EAE5, #C55F5C, #5C2D00, #261C18, #100B0A)
• Amber Alley color palette (#FFF0FD, #FFCBB8, #EAA27A, #C08346, #3B573E)
• Weathered Ash Cabin color palette (#EFF7F4, #C4E6DF, #8FC0BE, #A093B5, #3B534E)

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