Patina Cocoa Villa color palette — #FFF2EB · #E1C5A8 · #B6937F · #8B6C66 · #5C4300

Bronze and Taupe set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#E1C5A8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B6937F): A luminous, dusty gold — the color of old brass.
• Walnut (#8B6C66): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Patina Cocoa 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

• Washed Cocoa color palette (#FEF3EC, #EDD4C1, #DBA995, #B58479, #693B00)
• Antique Alley color palette (#FFF0F9, #F1B9F3, #CA8295, #96624E, #63400D)
• Bronze Bloom color palette (#FCF5E1, #ABC996, #97925A, #8C5E23, #334400)
• Softworn Driftwood Thicket color palette (#FEF1F8, #CEADBD, #9A728A, #6D5566, #544249)
• Wandering Corridor color palette (#F7E5CC, #B0B375, #9D7A35, #77503D, #30312A)
• Gentle Moss Lantern color palette (#EFE1C6, #809739, #745E00, #5D3000, #001D08)
• Amber Loft color palette (#FBF2F7, #CCCBFF, #C98B62, #8886B7, #352C24)
• Washed Cocoa Grove color palette (#F6E2D6, #AA6F00, #893400, #551625, #0E0B00)

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