Tempered Stone color palette — #F9EEF4 · #E3BB8E · #78556B · #3F2937 · #191116

Sand and Graphite set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F9EEF4): bright and airy, almost weightless.
• Sand (#E3BB8E): A luminous, dusty gold — the color of old brass.
• Graphite (#78556B): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#3F2937): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#191116): quiet, heavy and certain.

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

• Washed Stone color palette (#EAF5EB, #D9C090, #735E36, #223726, #0E160F)
• Chestnut Villa color palette (#FCF3EE, #D3BE92, #884C2A, #5D2600, #2A241A)
• Aged Driftwood Pier color palette (#FCF1FB, #CDD7AA, #A36D6C, #584657, #30292F)
• Dusty Marigold color palette (#F8EFF2, #F2B482, #8B8540, #976439, #0E1913)
• Hushed Amber color palette (#FFEBF7, #D7774C, #788B5B, #705178, #2B1E26)
• Hushed Lagoon color palette (#E4F8E9, #CAA652, #7D7C3C, #275B62, #1F3126)
• Ancient Harbor color palette (#FFECF3, #DD9800, #713D00, #341900, #130209)
• Charred Chestnut Atelier color palette (#F6E6EE, #794E00, #3C3D00, #250C00, #030100)

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