Cocoa Villa color palette — #FDF2EE · #C6E2CE · #A87775 · #653735 · #221915

Built around Cocoa, softened by Mocha — the whole palette hums with sophistication.

The five colors

• Ivory (#FDF2EE): a clean, paper-quiet neutral.
• Celadon Mist (#C6E2CE): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#A87775): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#653735): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#221915): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, 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

• Ancient Meadow color palette (#FAF5E9, #DFE4B6, #867637, #443700, #150E02)
• Basalt Terrace color palette (#FBEFE8, #E6BA8B, #825447, #512200, #1A120E)
• Patina Taupe Coast color palette (#FAF2F8, #FED6AC, #CE8B79, #7D6475, #31292E)
• Timeworn Marigold color palette (#FBECD5, #C59B37, #4E3700, #1D2723, #0C0600)
• Dusty Coral Atelier color palette (#FAF3F0, #E2DAD0, #9ABA81, #DD7968, #1F1F12)
• Aged Petrol Courtyard color palette (#FAF4EC, #D4B37C, #669873, #48669A, #312018)
• Softworn Cobalt Station color palette (#FFF3E8, #E6B996, #85BD9A, #5885B9, #36302B)
• Taupe Canyon color palette (#FDF4E8, #FFD2B7, #A4A766, #6F6B9E, #583700)

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