Cocoa Villa color palette — #D5E3D3 · #6A4200 · #004060 · #2D1900 · #000103

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#D5E3D3): A whisper-light, dusty green — the color of new leaves after rain.
• Bronze (#6A4200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#004060): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2D1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Midnight Cocoa Garden color palette (#F0DFEA, #852700, #00444B, #3A0C00, #000102)
• Chestnut Summit color palette (#D7F9EA, #765000, #28272F, #151500, #010100)
• Eclipse Nightshade color palette (#D9E7DB, #644600, #2818A0, #2A1B00, #01000B)
• Obsidian Studio color palette (#FAEAD8, #543300, #003456, #210E49, #020100)
• Worn Denim Orchard color palette (#F2EDFB, #00668F, #635000, #09100B, #000201)
• Muted Terrace color palette (#EEE1D1, #915F00, #00644B, #3D2500, #000201)
• Nightshade Canyon color palette (#CEECE0, #687300, #4A41B9, #343A00, #060026)
• Washed Marigold Boulevard color palette (#E0FAE5, #D09F25, #007BBD, #745600, #00233A)

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