Cocoa Villa color palette — #FFF1F2 · #EAD5D2 · #EAA0AD · #AD7469 · #703C05

Bronze and Ballet Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#EAD5D2): A whisper-light, dusty orange — the color of autumn markets.
• Ballet Pink (#EAA0AD): A luminous, balanced red — the color of a theater curtain.
• Mocha (#AD7469): A luminous, dusty orange — the color of toasted spice.
• Bronze (#703C05): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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 Mallow color palette (#FFF0F9, #F5D0E8, #D1A3DB, #A7728E, #68423C)
• Softworn Stone color palette (#FFF2ED, #E3D7CC, #E2AB7A, #937140, #644B00)
• Rose Lagoon color palette (#FFE7E4, #F0A7B8, #C25F6F, #854345, #3C3431)
• Hazy Rust color palette (#FFE2E6, #FF8E8A, #C55600, #774100, #2A1B00)
• Frosted Alley color palette (#FFF1F1, #FFA98E, #D07525, #754B00, #403400)
• Ancient Garden color palette (#FFF2EE, #E0DCCE, #9BBCB5, #D4A4A1, #763C18)
• Stone Atelier color palette (#FFF2EC, #E2D9D0, #DC9C89, #945E55, #411B0E)
• Cocoa Ridge color palette (#FFE9E1, #D2D0E4, #ACA0A2, #683004, #2C231F)

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