Tempered Stone color palette — #F7F1E9 · #DEBE85 · #7A5B30 · #35302A · #19130B

Sand takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Sand (#DEBE85): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7A5B30): A full-bodied, dusty gold — the color of old brass.
• Espresso (#35302A): a grounded near-black with real depth.
• Ink (#19130B): 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

• Aged Boulevard color palette (#F3F3E2, #C0B570, #465E2C, #2A290C, #0E0D04)
• Softworn Emerald Hollow color palette (#F5F1EA, #D4C478, #6A904E, #7E723C, #17170A)
• Antique Bronze Workshop color palette (#FCF4EA, #E1CFAC, #A27239, #6D4200, #302A23)
• Deep Olive color palette (#E2E4CB, #726A00, #062600, #101916, #000400)
• Taupe Villa color palette (#FAF2DA, #A0B66A, #5D845D, #225A67, #2E2D1A)
• Amber Hollow color palette (#F9F1E1, #B09134, #49937B, #7C5059, #292215)
• Driftwood Pier color palette (#F4F2EA, #D3D9D0, #A3B2AC, #94823A, #38362E)
• Amber Station color palette (#F6ECD3, #AB8900, #403900, #151200, #030100)

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