Eclipse Cocoa color palette — #E0F1E1 · #634300 · #002C4A · #001527 · #0D001D
Bronze takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#E0F1E1): A whisper-light, dusty green — the color of fresh herbs.
- Bronze (#634300): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Midnight (#002C4A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0D001D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Eclipse Cocoa 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
- Velvet Cocoa Courtyard color palette (#FADCEA, #743600, #00303C, #200033, #0E0009)
- Cellar Basalt color palette (#DAEEDC, #4B3500, #151E26, #040B00, #050003)
- Twilit Aubergine color palette (#E0F2E9, #4F4D00, #22007D, #0F0045, #100018)
- Tempered Bronze color palette (#F0DDDC, #866B23, #225837, #322247, #2B0426)
- Midnight Mulberry Corridor color palette (#EFE2F3, #8A0042, #003229, #001135, #050115)
- Navy Lagoon color palette (#DAEBE0, #685600, #151B96, #420003, #190800)
- Navy Boulevard color palette (#DFF7DC, #8D5900, #00523D, #03017E, #160006)
- Washed Bloom color palette (#F8DAC2, #856600, #3B4500, #112900, #001A0F)
Browse the whole catalog at Explore, or see today's palette.