Eclipse Cocoa color palette — #F8E1D7 · #664200 · #342C00 · #101600 · #000200
A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F8E1D7): A whisper-light, dusty orange — the color of sun-warmed clay.
- Bronze (#664200): A full-bodied, balanced gold — the color of old brass.
- Espresso (#342C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#101600): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Cellar Aubergine Pier color palette (#D5E9D7, #644600, #5B0079, #2A1B00, #030005)
- Cellar Fern Harbor color palette (#EBE5C9, #3F5800, #033605, #001812, #000303)
- Garnet Villa color palette (#FFE9EF, #900019, #4B1F00, #180C00, #020100)
- Inked Aubergine color palette (#DBECDC, #503600, #47006E, #3E003C, #020100)
- Timeworn Ridge color palette (#D7E8DD, #6B9F68, #00717C, #5A2300, #010200)
- Pale Courtyard color palette (#FAE2C7, #9A8400, #4D6000, #073B03, #001810)
- Cellar Grape color palette (#FFE1EF, #6800E9, #4E5900, #050B06, #000201)
- Timeworn Emerald color palette (#E9EFDE, #00AC3B, #006F5C, #00454C, #00202C)
Browse the whole catalog at Explore, or see today's palette.