Eclipse Cocoa color palette — #F4DEC7 · #564400 · #002C0E · #130023 · #010100
Built around Deep Olive, softened by Ink — the whole palette hums with nature and growth.
The five colors
- Parchment (#F4DEC7): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#002C0E): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#130023): A deep, shadowed, dusty violet — the color of wild irises.
- 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
- Basalt Ridge color palette (#ECE8DA, #403E00, #002037, #0A0022, #040001)
- Charred Cocoa Ridge color palette (#F3E2C8, #7B2500, #2A2200, #010033, #030100)
- Eclipse Fern color palette (#DCEBE3, #646900, #1B3B00, #001012, #010100)
- Inked Forest Quarry color palette (#F3D8D0, #00663D, #003540, #2D000C, #000202)
- Muted Bronze color palette (#E1E0D2, #B46200, #606600, #004231, #000200)
- Softworn Onyx Lagoon color palette (#FFDFEB, #7D5E00, #034B0D, #340042, #040400)
- Cerulean Thicket color palette (#F9E6DC, #328596, #00415D, #00201A, #000106)
- Faded Olive color palette (#F5DDC9, #768100, #005A48, #470850, #041300)
Browse the whole catalog at Explore, or see today's palette.