Cocoa Villa color palette — #FFF2EB · #D1B28F · #A17462 · #75544D · #5A4400

A conversation between Deep Olive and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#D1B28F): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A17462): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#75544D): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Studio color palette (#FCF4E5, #B0BF8F, #9B7B37, #82501A, #434E00)
• Taupe Ridge color palette (#FFF2EB, #CD9C6C, #976354, #694842, #403D36)
• Tempered Bronze color palette (#FEF3EB, #E2C4AC, #B6937B, #A1633E, #673C00)
• Timeworn Grove color palette (#FEECF5, #D1B1BF, #99778A, #6A4E61, #39252D)
• Weathered Taupe color palette (#FFF1F8, #F2CEDA, #CEA9BE, #B58383, #3A4D3F)
• Chestnut Hollow color palette (#F6E6CA, #959D59, #7D5F09, #49433E, #30312A)
• Misty Moss color palette (#EEE1D2, #958A00, #744D00, #5D2209, #272505)
• Ancient Pier color palette (#F8D8C1, #895E00, #5C2600, #3C000E, #0D0C00)

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