Cocoa Villa color palette — #EDE5BE · #89C6AD · #6096B3 · #83593D · #663600

Bronze and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#EDE5BE): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#89C6AD): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#6096B3): A luminous, dusty blue — the color of deep harbor water.
• Coffee (#83593D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#663600): A deep, shadowed, balanced gold — the color of old brass.

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

• Weathered Teal Bloom color palette (#FFE3C8, #B7B893, #53A49C, #845A52, #633F39)
• Weathered Alley color palette (#F3F9D9, #B8D4BB, #8199C2, #9C7033, #6B4400)
• Basalt Atelier color palette (#DCE9C4, #A7C5AC, #A2809B, #646B3B, #4E4100)
• Aged Iris Basin color palette (#D2EFE0, #64BECF, #8778D3, #6A5C22, #4B4010)
• Weathered Lagoon Lagoon color palette (#F8F6E7, #8BC3A2, #009390, #5E6940, #2E3C00)
• Cobalt Hollow color palette (#E2EEDD, #50AA9B, #4177B0, #6D3F11, #412100)
• Washed Quarry color palette (#E1FFDC, #B2E4EE, #7E9DB7, #855844, #452D3A)
• Muted Turquoise color palette (#C1ECF0, #5AB6C0, #497F9C, #614E6C, #54394F)

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