Weathered Cocoa Villa color palette — #EAF6E9 · #95B59C · #8F6E43 · #713C14 · #072A1B

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

The five colors

• Cream (#EAF6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#95B59C): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#8F6E43): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#713C14): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#072A1B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered 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

• Hushed Cocoa color palette (#FEECF5, #C4A0AD, #97684E, #6F3C32, #152818)
• Wandering Chestnut color palette (#D6E5D7, #7EA38B, #825D12, #5D3200, #001E13)
• Tempered Bronze color palette (#FDF3E9, #B1A87C, #96682D, #734337, #443F00)
• Patina Delta color palette (#ECFAEB, #C1E7D1, #BC9669, #9A5542, #123931)
• Aged Courtyard color palette (#E9F5EF, #A0C5B8, #658D79, #3E6248, #1C312D)
• Patina Amber Pier color palette (#FFF3E5, #D1BC8C, #B2864E, #865F45, #403D36)
• Chestnut Coast color palette (#FFE6EE, #9A8355, #784900, #512100, #120E00)
• Tempered Hollow color palette (#DEF7FE, #069A98, #A25983, #863700, #001E25)

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