Eclipse Cocoa color palette — #FFE9F3 · #703800 · #003415 · #001122 · #040002
A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE9F3): A whisper-light, dusty rose — the color of strawberry cream.
- Bronze (#703800): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#003415): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001122): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Cocoa Bloom color palette (#EBDBD2, #802900, #00303A, #00132D, #040211)
- Charred Ridge color palette (#D1E8D7, #4B3900, #00251C, #00071B, #040002)
- Midnight Quarry color palette (#F7E6FA, #8A0038, #332900, #001410, #00000C)
- Inked Chestnut color palette (#F5E6D3, #755900, #423800, #191900, #030600)
- Hushed Chestnut color palette (#FDD8E7, #7C6108, #3A4800, #002639, #040726)
- Dusty Canyon color palette (#DFF5E6, #676E00, #233F00, #400106, #030300)
- Deep Plum color palette (#EEE6F6, #B11185, #0D4904, #1E003C, #030005)
- Tempered Canyon color palette (#D9E7DB, #4895AD, #004F72, #002C2C, #00040E)
Browse the whole catalog at Explore, or see today's palette.