Cocoa Villa color palette — #F6ECF1 · #A0ADA1 · #848257 · #5C2500 · #1F0D17

Espresso takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F6ECF1): bright and airy, almost weightless.
• Taupe (#A0ADA1): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#848257): A full-bodied, dusty green — the color of a quiet forest floor.
• Espresso (#5C2500): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1F0D17): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Softworn Lagoon color palette (#EDE1D6, #AD9D8C, #9C7334, #542900, #090300)
• Tempered Basalt Lagoon color palette (#E2EEE6, #9BAEA8, #5B8987, #423700, #07180E)
• Cocoa Alley color palette (#F0DFE6, #C7ACB5, #849D86, #7E4000, #1F0D16)
• Aged Garnet Bloom color palette (#E4E0E6, #B5A3B1, #9B7184, #670736, #19101D)
• Chestnut Summit color palette (#FFF1F6, #C7D8CB, #A4AC81, #874800, #412C35)
• Patina Boulevard color palette (#EFF7F4, #CFDCE0, #95BCBF, #646A11, #333D39)
• Antique Fern Meadow color palette (#F7E4DC, #8B7243, #2B500D, #32234D, #161837)
• Olive Hollow color palette (#D8E9DE, #577816, #004421, #440023, #0A1300)

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