Cocoa Villa color palette — #E2E6FF · #A4A0BF · #93628A · #754639 · #5F2B00

A conversation between Cocoa and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#E2E6FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A4A0BF): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#93628A): A full-bodied, balanced pink — the color of neon signs at night.
• Coffee (#754639): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Worn Pewter color palette (#CDE0FF, #A0ACD2, #7E6B97, #654E6B, #57363E)
• Wandering Driftwood color palette (#E8DBF6, #B39BBC, #9F6967, #68522A, #2B483A)
• Weathered Mulberry color palette (#E9E2F9, #A179B0, #834177, #5E2813, #312500)
• Chalky Brick Station color palette (#F8DAEA, #C68596, #B13D44, #5F4500, #253D11)
• Patina Fern Courtyard color palette (#C7F3E3, #B2B5E1, #AD7E86, #6C681D, #484400)
• Ash Pier color palette (#D2ECFF, #9799D0, #7F7291, #295648, #102C24)
• Worn Rust Harbor color palette (#EEECFF, #AE71C5, #BB5900, #74388A, #542807)
• Tempered Bloom color palette (#F7F2FF, #CFBDDA, #A68CA7, #677768, #3E5754)

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