Tempered Stone color palette — #EDF4EE · #D9C08C · #765D2F · #243627 · #0E160F

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Sand (#D9C08C): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#765D2F): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#243627): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0E160F): 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

• Timeworn Mustard color palette (#E0F8F5, #D0AE68, #39603D, #012F2C, #040F0E)
• Worn Hollow color palette (#ECF4EF, #D4C384, #459474, #7F713C, #07191A)
• Wandering Cocoa color palette (#FCF4E9, #E5CDA8, #91794F, #684500, #302A21)
• Washed Stone color palette (#F6F5C6, #B1CB92, #64936B, #25654F, #00312C)
• Charred Bronze Bloom color palette (#D5E8E8, #836200, #002614, #0E0D13, #000401)
• Muted Taupe color palette (#E4F8E7, #9FB66E, #4F866C, #534B71, #1B312D)
• Washed Amber Courtyard color palette (#CDE9DD, #B28600, #393D00, #121400, #000201)
• Amber Coast color palette (#E9F5EC, #B29037, #4C8AB0, #585B7F, #18271C)

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