Eclipse Cocoa Villa color palette — #D7EEDC · #664200 · #232600 · #000F1D · #050300

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

The five colors

• Honeydew (#D7EEDC): A whisper-light, dusty teal — the color of shallow lagoons.
• Bronze (#664200): A full-bodied, balanced gold — the color of old brass.
• Onyx (#232600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000F1D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

Use it as a design system

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

• Lowlit Fern color palette (#D1EAD6, #415200, #002C1B, #11002F, #010500)
• Spruce Summit color palette (#CBE6D5, #3A464F, #372D00, #0E1B1E, #030500)
• Nocturne Garnet color palette (#DAF8E0, #8F0110, #361D00, #001111, #0A0100)
• Antique Amber color palette (#D6F8E1, #C66400, #6E5800, #223E00, #020200)
• Lowlit Quarry color palette (#D3F0E5, #396B2A, #00351C, #290D00, #000806)
• Weathered Cabin color palette (#E6DDD1, #984B00, #2C4600, #16065F, #060300)
• Airy Boulevard color palette (#FCEED0, #606E00, #00492B, #270066, #0B1B00)
• Hazy Corridor color palette (#FAEBD3, #66691D, #005112, #0B1D3E, #210020)

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