Cocoa Villa color palette — #F7EEF9 · #D0A5BA · #7F3D4C · #451321 · #120814

Coffee and Espresso set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#F7EEF9): a clean, paper-quiet neutral.
• Rosewood Mist (#D0A5BA): A luminous, dusty rose — the color of strawberry cream.
• Coffee (#7F3D4C): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#451321): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#120814): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: 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

• Weathered Chestnut color palette (#F9EEF3, #CFAD82, #74492D, #3F1C03, #14080E)
• Softworn Brick Delta color palette (#F7EFF5, #E2A099, #A3641B, #AD3231, #1B060F)
• Aged Mulberry Courtyard color palette (#FFF1F0, #ADB576, #7D3359, #471D32, #2A1E1D)
• Plum Parlor color palette (#FFF2EE, #F1B68C, #AC4F61, #5C372F, #2A1E1B)
• Muted Bronze Corridor color palette (#F6F0F4, #DDD4D4, #CBB7B5, #A06350, #342730)
• Lowlit Harbor color palette (#E9DAE9, #9A5300, #40000C, #1C1407, #0A0001)
• Worn Bronze Workshop color palette (#FFDDEF, #D7A37A, #A16B22, #614300, #2E2300)
• Tempered Basalt Corridor color palette (#F9F2FD, #E3ECB6, #9A627B, #57243D, #130C18)

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