Cocoa Villa color palette — #FDF3EC · #ECDCBF · #ADBD90 · #88A381 · #644700

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

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#ECDCBF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ADBD90): A luminous, dusty green — the color of fresh herbs.
• Moss (#88A381): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#644700): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Taupe Lantern color palette (#F1F7F2, #BFD8CB, #93A278, #5C8685, #3D5348)
• Patina Studio color palette (#E8FAF3, #E6D5CF, #79C5C0, #A7A89A, #5D4E5C)
• Jade Quarry color palette (#FFF3E4, #CDD68C, #6FB97B, #2E98A8, #3A3E12)
• Muted Mustard color palette (#E4FCF3, #94CFF7, #E7B274, #AFA55E, #2C4940)
• Soft Clover color palette (#FDE7D3, #CFC17B, #7DB550, #975098, #362E00)
• Feathered Jade Dune color palette (#EFE3D0, #ADC488, #56A37B, #19819C, #212E00)
• Dusty Boulevard color palette (#FAEEF3, #A7CEB6, #768A63, #50666B, #26352C)
• Gentle Alley color palette (#ECF9F2, #A4DFFA, #F0BB86, #0AB8EE, #634627)

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