Cocoa Villa color palette — #F6E3ED · #7A4200 · #481900 · #240001 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#F6E3ED): A whisper-light, dusty pink — the color of neon signs at night.
• Bronze (#7A4200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#481900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#240001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, 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

• Moonless Fern Ridge color palette (#D1E7D5, #5F5200, #372600, #190A00, #010100)
• Cocoa Market color palette (#EFDED3, #90643F, #732C00, #4B0103, #060300)
• Chestnut Chapel color palette (#EDDCE1, #9E824E, #794800, #512100, #120E00)
• Dusty Courtyard color palette (#D5F5DE, #797437, #544100, #331D00, #040600)
• Feathered Courtyard color palette (#FFDFED, #BF986A, #A15300, #6D2D19, #261A00)
• Lowlit Chapel color palette (#DCF4F5, #00412E, #430055, #2A0008, #000201)
• Smoked Forest color palette (#DAF1F4, #006853, #002D46, #00251C, #000103)
• Denim Summit color palette (#F8E3E2, #0061A3, #006330, #030C0A, #000201)

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