Cocoa Villa color palette — #FFEEF4 · #D4BBBF · #B99092 · #9C6A55 · #734403

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFEEF4): a clean, paper-quiet neutral.
• Stone (#D4BBBF): A luminous, dusty red — the color of a theater curtain.
• Dusty Rose (#B99092): A luminous, dusty red — the color of a theater curtain.
• Walnut (#9C6A55): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#734403): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Washed Chestnut Station color palette (#F2D6E0, #C69A8E, #B0726A, #6B5A19, #36342D)
• Hushed Basalt Thicket color palette (#FFE1D7, #D2B1A0, #A98B73, #696F3C, #484600)
• Fern Thicket color palette (#F0DCD7, #BB8D70, #8E6839, #235600, #00381E)
• Feathered Harbor color palette (#F4E0FB, #CB99C3, #B2678A, #964E00, #4E3200)
• Driftwood Summit color palette (#F1F5FF, #DED6E3, #B8B5D2, #8F758C, #64485A)
• Softworn Cocoa color palette (#FFE5E4, #A6667A, #824140, #392900, #131000)
• Ash Coast color palette (#DCF0FF, #C1D4FA, #B5AAD3, #70978A, #31564A)
• Mulberry Quarry color palette (#F4E9FF, #9F75A2, #883F6E, #692600, #281400)

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