Eclipse Cocoa color palette — #FEE6F3 · #803200 · #304300 · #001F10 · #030000
A conversation between Rust and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FEE6F3): A whisper-light, dusty pink — the color of peonies in June.
- Rust (#803200): A full-bodied, balanced orange — the color of autumn markets.
- Deep Olive (#304300): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001F10): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
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
- Deep Chestnut Veranda color palette (#F3DFE7, #7F4200, #302C00, #000B02, #040001)
- Deep Mulberry Orchard color palette (#F1ECFF, #82007C, #5F2B00, #211600, #030003)
- Shadow Station color palette (#F6DED9, #C54000, #682B00, #190900, #020100)
- Garnet Alley color palette (#FAE2F4, #940701, #3D3F00, #26003D, #040000)
- Forest Field color palette (#F7DCE6, #8D4D00, #0F5E0B, #48003E, #030100)
- Aubergine Study color palette (#FFE1E4, #5D0059, #0D3300, #00151B, #030003)
- Raspberry Hollow color palette (#E7DDE9, #CC3E65, #5F2B00, #55001F, #040002)
- Plum Courtyard color palette (#ECDDF1, #C01F63, #596A00, #005156, #060001)
Browse the whole catalog at Explore, or see today's palette.