Cocoa Villa color palette — #BDF1CB · #70B1AB · #4277A0 · #723612 · #221300

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

The five colors

• Mint (#BDF1CB): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#70B1AB): A luminous, dusty teal — the color of glacier melt.
• Slate (#4277A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#723612): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#221300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Cobalt Cabin color palette (#D6E8E4, #72B8DB, #676FAB, #533A00, #241D00)
• Antique Station color palette (#EFE0BB, #7CAE86, #208083, #622F3A, #2B0708)
• Denim Corridor color palette (#DEF0EA, #2AA7C7, #404FA2, #482D00, #0F0800)
• Washed Lagoon Courtyard color palette (#E6EBDD, #308B8A, #31587F, #452300, #220E00)
• Washed Teal Quarry color palette (#F5F7E4, #42BA94, #006E6D, #194808, #000A06)
• Brick Corridor color palette (#C4ECD4, #0088A3, #C32100, #625500, #000203)
• Turquoise Workshop color palette (#C5EBE3, #00A6B2, #007790, #00395B, #000B27)
• Quiet Bloom color palette (#D4FFFF, #7AD1FF, #8A7DE1, #70571D, #402E00)

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