Cocoa Villa color palette — #EEDEE9 · #A06262 · #6D4600 · #003854 · #001426

Bronze takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#EEDEE9): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A06262): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#6D4600): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#003854): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001426): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Corridor color palette (#FBD4D6, #AE6F3A, #534F00, #1D2A4E, #050D2C)
• Muted Balcony color palette (#DEE3FF, #9B7394, #804438, #003231, #001828)
• Aged Hollow color palette (#F2DDDB, #C76B4A, #7B4E26, #2F3D00, #002C23)
• Aged Coral Coast color palette (#FDE6F3, #D47267, #8A641D, #1A5365, #052D1D)
• Chestnut Alley color palette (#FFDFD9, #815700, #283F00, #200E3C, #070011)
• Tempered Navy color palette (#FFE2F1, #8B3F00, #00556B, #022F90, #090200)
• Weathered Bronze Workshop color palette (#FFE9F2, #A15300, #00617D, #552900, #00090F)
• Tempered Bronze color palette (#ECDCD0, #B76E00, #683D00, #261500, #020100)

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