Cocoa Villa color palette — #FDF4E3 · #E3D8BF · #C7B38F · #A28F74 · #584600

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

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Bone (#E3D8BF): A whisper-light, dusty gold — the color of old brass.
• Sand (#C7B38F): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A28F74): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#584600): A full-bodied, balanced green — the color of a quiet forest floor.

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

• Worn Dune color palette (#F7E4D2, #E1BA89, #C5925F, #9D6D4D, #34302A)
• Driftwood Field color palette (#E7F6EB, #A7C3B2, #958149, #436047, #203028)
• Soft Bronze color palette (#ECDDCA, #BC9A51, #A67000, #7E4E11, #1D1500)
• Washed Powder color palette (#FBF2FB, #96C3FD, #93B284, #479987, #25362D)
• Dusty Powder Lagoon color palette (#FFF0FA, #B1BEFE, #DFA2B7, #5AA9A8, #483743)
• Olive Studio color palette (#F6EACD, #858624, #6B6100, #4D3D00, #030400)
• Aged Garnet Orchard color palette (#FFF1F4, #FACCF5, #DBA9C8, #B87A93, #712A41)
• Tempered Moss Bloom color palette (#E1E2AE, #B2C260, #9C9A00, #827100, #212E00)

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