Tempered Villa color palette — #FFF3E7 · #D3A471 · #635400 · #33291E · #150E0A

Built around Coffee, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Camel (#D3A471): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#635400): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#33291E): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#150E0A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Tempered Corridor color palette (#FCEDF2, #D7AF81, #6D8174, #614F54, #271F23)
• Timeworn Parlor color palette (#FFF4E0, #B28D00, #3E3F00, #1E1300, #040100)
• Worn Bronze Delta color palette (#FAEEF2, #A57036, #224438, #322429, #1A1314)
• Shadow Workshop color palette (#EAE8CF, #536A00, #2B3637, #001710, #010100)
• Nocturne Bronze color palette (#F0E5C9, #867700, #0A2C12, #181E25, #060300)
• Forest Workshop color palette (#ECEEE0, #57535B, #025F14, #0F1D1F, #000707)
• Wandering Oat color palette (#F9F6E2, #C5D490, #B5B5E7, #9C9BD4, #3A3932)
• Muted Emerald Pier color palette (#E8F4CE, #009656, #54545D, #003236, #000B03)

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