Tempered Stone Villa color palette — #FFF1F5 · #DCBA84 · #765736 · #4B2F39 · #2B2322

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sand (#DCBA84): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#765736): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#4B2F39): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#2B2322): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Stone Villa 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

• Olive Pier color palette (#F0F7F2, #D4BE85, #708747, #7F6B35, #24312D)
• Bronze Basin color palette (#FCF4EB, #E6CDA6, #A3713B, #6E4100, #322A22)
• Taupe Summit color palette (#FDF1F6, #C3E8D3, #BC9678, #885F71, #36262D)
• Worn Mustard color palette (#E9FAF4, #BEAF63, #475912, #05372C, #0E1F21)
• Nocturne Chestnut color palette (#E6F1E6, #7A5800, #292431, #1E1100, #040200)
• Bronze Delta color palette (#FFF1F5, #AE7839, #447C48, #6B3E53, #3D2E39)
• Taupe Corridor color palette (#E4FCEF, #A6B059, #5F8350, #336071, #384D46)
• Muted Amber Grove color palette (#D1E4D7, #AD8700, #413500, #1C1500, #000908)

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