Cocoa Villa color palette — #FCF3EF · #DDB895 · #7F5047 · #5E2501 · #2A2319

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Sand (#DDB895): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F5047): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#5E2501): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2A2319): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Hushed Bronze color palette (#FBF4EF, #DCB89E, #907C35, #9C5932, #312D27)
• Antique Chestnut color palette (#FAF4EB, #C2AC7D, #624E1B, #312D27, #1C1D0D)
• Wandering Taupe Boulevard color palette (#F9F3F8, #FFD5AE, #D0897D, #806279, #31282F)
• Muted Basalt color palette (#FAF2FA, #B3DCC8, #8F7290, #5D425E, #322733)
• Ancient Drift color palette (#FFF3E6, #D7BC95, #967F45, #645816, #474800)
• Bronze Veranda color palette (#F2E6CC, #856800, #2D343B, #231D00, #060400)
• Worn Amber Lagoon color palette (#EDDACA, #B68125, #522A00, #251000, #080500)
• Antique Courtyard color palette (#FFF2EC, #C3796D, #7D844C, #6A5480, #642906)

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