Eclipse Cocoa color palette — #F1DECD · #584300 · #002C0A · #17001C · #010100
Deep Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F1DECD): A whisper-light, dusty gold — the color of old brass.
- Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#002C0A): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#17001C): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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
- Charred Garden color palette (#FFEADE, #215400, #002929, #1D0006, #000201)
- Garnet Drift color palette (#F3EADD, #7B2500, #2A2200, #07002F, #030100)
- Charred Canyon color palette (#F9ECDF, #64590E, #213000, #1F1000, #020100)
- Tempered Cabin color palette (#ECDAE0, #786100, #004B1E, #320045, #030400)
- Ancient Olive color palette (#F8DBCA, #417404, #004543, #3E0019, #000802)
- Abyss Pier color palette (#EADDD6, #3B8396, #004060, #00201B, #000108)
- Patina Lagoon color palette (#EFDCCF, #009767, #005C70, #531F00, #001613)
- Timeworn Hollow color palette (#EFDBCC, #7B7F00, #005A45, #51003F, #061200)
Browse the whole catalog at Explore, or see today's palette.