Cocoa Villa color palette — #FFECF3 · #E8BBCC · #B17950 · #713A00 · #2F1500

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

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Carnation (#E8BBCC): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#B17950): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#713A00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2F1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Garnet Courtyard color palette (#FDEBFF, #F3BDC2, #B8717B, #7E3042, #370C13)
• Cocoa Garden color palette (#E2F9E4, #BADCBA, #A17D45, #664300, #2A1B00)
• Bronze Corridor color palette (#FFF3E7, #F1C5A4, #AB7037, #77431E, #3A352F)
• Washed Chestnut color palette (#F9EEF4, #D2B0BE, #9A768C, #774A46, #213121)
• Hushed Basin color palette (#FFF1F6, #E4DFD2, #DDA37D, #975C21, #3F2403)
• Muted Amber color palette (#F2E9C7, #AD942E, #635300, #342900, #070400)
• Antique Marigold Veranda color palette (#FFF0D6, #DDAA4B, #916500, #4D3700, #180E00)
• Dusty Atelier color palette (#FDECF5, #C2E7ED, #9BC6DA, #A9756D, #4F373F)

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