Cocoa Villa color palette — #FEF1F5 · #A78ABB · #945D71 · #813D20 · #514014

Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Dusty Rose (#A78ABB): A luminous, dusty violet — the color of wild irises.
• Pewter (#945D71): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#813D20): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#514014): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Bronze Drift color palette (#FFF2F0, #BC869B, #9D5D45, #685000, #334A27)
• Aged Bronze color palette (#FFF0F9, #DDC1CC, #A99297, #A26045, #6B4E00)
• Terracotta Orchard color palette (#FFEDEB, #A75A7B, #8B3500, #463900, #023607)
• Washed Plum Corridor color palette (#E9F5EF, #5CA8C3, #9F5481, #524E13, #242B0A)
• Hushed Hollow color palette (#FFF0F8, #BDB5E7, #8B74B2, #734F91, #68424D)
• Tempered Petrol color palette (#F4F6F0, #C9E3E6, #789CC5, #347795, #614960)
• Cobalt Courtyard color palette (#F8EEF5, #6C79B0, #493641, #31242D, #1B1215)
• Powder Field color palette (#F0F5FF, #B3C4FF, #C099C9, #AA767E, #244759)

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