Bronze Villa color palette — #FCF3EF · #DDDBD1 · #A1B0AE · #B0704E · #57514E

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DDDBD1): bright and airy, almost weightless.
• Ash (#A1B0AE): a calm mid-gray that lets other colors speak.
• Mocha (#B0704E): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#57514E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Wandering Pewter color palette (#F8F5ED, #D6E1D4, #B4C7BD, #7D7548, #4B473F)
• Weathered Driftwood color palette (#F7EFF3, #DED4D3, #B4AAA4, #99778B, #3B3438)
• Wandering Driftwood Boulevard color palette (#FFF2EE, #D5C0A9, #909473, #816C77, #5D4D56)
• Wandering Cocoa color palette (#EFE9DE, #BDBA9F, #889378, #564100, #251E12)
• Ancient Coral color palette (#FCF4E4, #E48C83, #7F7945, #684F6A, #6B3900)
• Timeworn Bronze Bloom color palette (#EBDCD3, #A69781, #7D7227, #4A1900, #140500)
• Amber Thicket color palette (#FFF2EB, #D77C5B, #267B98, #375579, #53384C)
• Hushed Fern color palette (#F8F6E7, #CDD8B7, #77B3B3, #526300, #34332C)

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