Tempered Stone color palette — #FCF4E8 · #D9BC81 · #715A28 · #3C3832 · #24251B

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

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Sand (#D9BC81): A luminous, balanced gold — the color of old brass.
• Coffee (#715A28): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#3C3832): a grounded near-black with real depth.
• Onyx (#24251B): 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

• Mustard Canyon color palette (#F8F5ED, #CFC27B, #518B6F, #776E3A, #253400)
• Dusty Coast color palette (#F3F7E8, #CCA960, #285E38, #2D2F28, #141E16)
• Taupe Drift color palette (#F1F7F2, #CAE7CF, #B29B6B, #7E6A42, #252E27)
• Ancient Study color palette (#F0F7F1, #B8DCBF, #68866E, #3E5342, #242E26)
• Chestnut Chapel color palette (#F2E9D7, #785900, #243032, #1A1400, #030200)
• Hushed Bronze Harbor color palette (#EEF0DD, #9A7300, #083000, #132223, #010D00)
• Dusty Corridor color palette (#FAF5E6, #8E8300, #426F9C, #5B4261, #38322E)
• Washed Delta color palette (#FEF4E3, #95B468, #4E846F, #6F4E5D, #484C00)

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