Cocoa Villa color palette — #FAF1DF · #A4A370 · #616A38 · #683900 · #241B00

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

The five colors

• Cream (#FAF1DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A4A370): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#616A38): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#683900): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Chalky Amber color palette (#EEE7DB, #B39226, #776600, #494200, #262700)
• Chestnut Lagoon color palette (#F5F2E3, #B8B68A, #627E5B, #734C00, #2A2811)
• Worn Fern color palette (#F0EEE0, #7D9862, #336228, #353E07, #141300)
• Powdered Chapel color palette (#EDF8CA, #A1B363, #697300, #2D3500, #0D0F00)
• Raspberry Delta color palette (#F3E8CC, #A19316, #BF5172, #5F5600, #390418)
• Timeworn Study color palette (#EBFAEE, #78A696, #3C713B, #663B52, #183D32)
• Linen Loft color palette (#E8E1CC, #828110, #00816B, #8F401C, #1A1300)
• Emerald Terrace color palette (#FEF4E2, #DAD1A5, #669963, #7E546B, #2E280B)

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