Cocoa Villa color palette — #F7EAF0 · #A7BAAD · #6DA196 · #7E3F00 · #210C16

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Ash (#A7BAAD): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#6DA196): A luminous, dusty teal — the color of sea glass.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#210C16): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Balcony color palette (#E4DBE3, #C0AFB5, #79A08A, #9B0E1D, #1D0E1B)
• Muted Chapel color palette (#E1EDE6, #9DBCB7, #6D9FA7, #5C5400, #02190E)
• Tempered Bronze color palette (#E5DCDF, #A1BBB4, #83A29D, #9F6100, #200C14)
• Timeworn Cocoa color palette (#F8ECE1, #D9CFBD, #ACA78C, #733E00, #050200)
• Ancient Terrace color palette (#F1E9E1, #B7A78D, #957C35, #522D00, #1F1001)
• Hushed Olive Canyon color palette (#E8F1ED, #CCDBDA, #9FBEC4, #757721, #24312B)
• Worn Emerald color palette (#D6E5DD, #5B9451, #006150, #51244D, #021500)
• Ancient Meadow color palette (#EFF7F6, #D3DEE6, #BAC1D0, #6F9D6F, #3E4B49)

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