Tempered Stone color palette — #F9F0E8 · #DFBD8C · #7B593E · #35302B · #19130D

A conversation between Sand and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F9F0E8): a clean, paper-quiet neutral.
• Sand (#DFBD8C): A luminous, dusty gold — the color of old brass.
• Coffee (#7B593E): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#35302B): quiet, heavy and certain.
• Ink (#19130D): a grounded near-black with real depth.

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

• Hushed Chestnut color palette (#FEF1F7, #A7CBAF, #79553C, #48303C, #2E2020)
• Dusty Villa color palette (#F6F2E1, #C5B36B, #535B14, #2E2706, #0F0C03)
• Driftwood Delta color palette (#F7F1E8, #DBBF89, #728D52, #876E3C, #17160B)
• Bronze Drift color palette (#FEF3EB, #DED0AB, #A86E42, #733D0C, #322924)
• Amber Hollow color palette (#FCF0E3, #C28644, #5F906A, #7B5152, #2B2116)
• Wandering Mustard Station color palette (#FAF1DC, #B3B059, #68824A, #1C5C60, #302C1C)
• Wandering Bronze color palette (#F5F1EA, #D5D9CE, #A5B0AA, #9D7E39, #383630)
• Tempered Thicket color palette (#FCEED7, #B18600, #483600, #191100, #030100)

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