Cocoa Villa color palette — #F3DBE5 · #6E3B00 · #002F3D · #2E0003 · #0A0300

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F3DBE5): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6E3B00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002F3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#2E0003): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0A0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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

• Cellar Garnet Corridor color palette (#EEDAEA, #8E0408, #003134, #260028, #0F0005)
• Midnight Cabin color palette (#D2E5DA, #463D00, #1D261F, #001B48, #130500)
• Nocturne Fern color palette (#E5E5CB, #315500, #002F3D, #1E0027, #030100)
• Midnight Aubergine color palette (#D6F4E8, #4A4F00, #370069, #280700, #080300)
• Muted Parlor color palette (#E0EBCF, #008748, #004837, #002324, #030B18)
• Aged Balcony color palette (#FFEDD8, #597B41, #004E51, #53151A, #36080D)
• Olive Coast color palette (#CEEDE6, #467600, #004E5E, #38005A, #160100)
• Timeworn Archive color palette (#CDE8E1, #577D0F, #510398, #412700, #1D1A00)

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