Eclipse Cocoa Grove color palette — #F2E4DA · #733700 · #2C3600 · #00202B · #180010
Built around Bronze, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#F2E4DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#733700): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#2C3600): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Midnight (#00202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#180010): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Eclipse Cocoa Grove 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 Garnet color palette (#FFE7DE, #84001F, #3A2800, #001D1D, #12001A)
- Inked Delta color palette (#F8E8DA, #663700, #00351D, #06005F, #130001)
- Sunlit Brick color palette (#F0E6D5, #AB364A, #553500, #00234B, #2E0600)
- Quiet Rust color palette (#FDDBE6, #BF544C, #723300, #382600, #1B1A00)
- Navy Lantern color palette (#FDEAD2, #825600, #004C2F, #002C6A, #350001)
- Ancient Garnet Hollow color palette (#E9DDD9, #C2B7AE, #9A8C78, #840016, #2E1912)
- Muted Veranda color palette (#F2DFC6, #835F00, #006339, #003D40, #000704)
- Linen Peony color palette (#F2D9C8, #E85EA0, #CE5200, #665A00, #221100)
Browse the whole catalog at Explore, or see today's palette.