Patina Cocoa Villa color palette — #FFF2EA · #CE9A72 · #956550 · #7C3E22 · #553500

A conversation between Bronze and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#CE9A72): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#956550): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#7C3E22): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#553500): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Aged Bronze color palette (#FFF3E4, #C9B590, #A2773A, #82501A, #574600)
• Chestnut Meadow color palette (#FFE2CC, #BB8C5C, #8B5433, #65342A, #34302A)
• Washed Taupe Quarry color palette (#FCF4E4, #A9AC6C, #807238, #56514A, #3E3D36)
• Patina Driftwood color palette (#FFF0F9, #DCAFC0, #B88069, #8C585B, #2F4334)
• Timeworn Lagoon color palette (#EBDBCE, #9A6C15, #673800, #461700, #1F1400)
• Marigold Coast color palette (#F2F8E9, #CBAA63, #2A5D42, #2D2F28, #131F17)
• Lagoon Canyon color palette (#EFFAE3, #00986E, #875C9F, #7A3E47, #31342E)
• Charred Fern color palette (#EADDC8, #645B00, #382900, #1B0D00, #030400)

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