Tempered Stone color palette — #FDEDF4 · #D6B58D · #9E7588 · #6A4E61 · #213025

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

The five colors

• Blush (#FDEDF4): bright and airy, almost weightless.
• Sand (#D6B58D): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9E7588): A luminous, dusty rose — the color of strawberry cream.
• Charcoal Brown (#6A4E61): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#213025): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Taupe Atelier color palette (#FFECF5, #CBA379, #97694C, #694036, #18271A)
• Softworn Driftwood Study color palette (#E9F5EC, #A0C5B2, #928158, #6D4E58, #21302A)
• Ancient Summit color palette (#FFF0F7, #D7F9DB, #CAA0B5, #887187, #35433C)
• Hushed Powder Lagoon color palette (#EBF2FF, #B8B5F4, #8D78AA, #6B466C, #431531)
• Hushed Stone Studio color palette (#E8F4FD, #D9C08C, #376787, #1F3343, #0F151A)
• Worn Summit color palette (#E8F3FF, #579AD6, #AF7063, #695F2D, #182430)
• Washed Powder Alley color palette (#EDF2F9, #99C7FF, #9275A5, #4A74A7, #15151E)
• Antique Marigold Station color palette (#D2F4D4, #B99E3F, #8D6100, #653600, #1E1D00)

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