Washed Cocoa Villa color palette — #EFF8EE · #8FB198 · #8C6C3F · #714626 · #284437

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sage (#8FB198): A luminous, dusty teal — the color of glacier melt.
• Walnut (#8C6C3F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#714626): A full-bodied, dusty gold — the color of honey in a jar.
• Forest (#284437): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Wandering Bronze Orchard color palette (#FFF0F9, #C29AAC, #9A624C, #773F3C, #324231)
• Bronze Workshop color palette (#EAF5E9, #B4AD81, #9A6A25, #6E3D2E, #092922)
• Ancient Amber color palette (#FDF3E8, #C6BF91, #B2864D, #8E5A4A, #433F00)
• Sunlit Cocoa Station color palette (#FFE7F1, #BE945C, #9A550E, #7E2A00, #433300)
• Patina Bloom color palette (#EDF8F3, #9DC1B5, #648A78, #43674E, #374D49)
• Tempered Chestnut color palette (#FCF2F6, #CDA684, #497E3E, #8B4E00, #0F2926)
• Weathered Cocoa Garden color palette (#FFF0F8, #C2AC7E, #764225, #4D1E01, #2B1C25)
• Softworn Fern Lagoon color palette (#D6F8D5, #BFB071, #758226, #2D5F00, #004B1F)

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