Cocoa Villa color palette — #FEE6EE · #5A3300 · #341C00 · #001410 · #050004
Built around Cocoa, softened by Onyx — the whole palette hums with optimism and sophistication.
The five colors
- Blush (#FEE6EE): A whisper-light, dusty rose — the color of a warm blush.
- Cocoa (#5A3300): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#341C00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#001410): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Basalt Studio color palette (#E0F4DF, #552B00, #062800, #001201, #040006)
- Twilit Onyx Terrace color palette (#FDE8EF, #5A3300, #192A00, #040039, #040100)
- Timeworn Plum color palette (#FCE4FD, #B13468, #6F1A00, #271400, #080A00)
- Nocturne Mulberry Villa color palette (#EAEBD9, #912072, #4B2400, #001B2C, #1E0006)
- Nocturne Courtyard color palette (#DCEEDC, #583900, #003629, #300035, #000801)
- Velvet Garnet Quarry color palette (#F3DBD7, #790041, #142F00, #001418, #020007)
- Moonless Study color palette (#E4DAF2, #6A0053, #46000E, #00150F, #050004)
- Aubergine Balcony color palette (#E1DEEF, #770083, #203000, #0C0047, #0A0016)
Browse the whole catalog at Explore, or see today's palette.