Eclipse Cocoa color palette — #EEDCCD · #703900 · #003133 · #23002E · #0F0006
A conversation between Bronze and Deep Indigo, giving this palette its sense of optimism and creativity.
The five colors
- Bone (#EEDCCD): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Bronze (#703900): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#003133): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#23002E): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#0F0006): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Creativity, 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
- Fern Chapel color palette (#F0E5C7, #534B00, #002E42, #2C000F, #0D0200)
- Nocturne Veranda color palette (#F1E2DB, #8D0A00, #00331F, #17003F, #110017)
- Spruce Basin color palette (#D3E3D8, #594700, #063402, #001413, #030000)
- Basalt Loft color palette (#EDE5D6, #495756, #453800, #182422, #040B00)
- Dusty Olive color palette (#EEE4CC, #6F6E00, #344300, #052901, #001514)
- Forest Canyon color palette (#F3E5D0, #806100, #195300, #4B002A, #120300)
- Pine Basin color palette (#E9E3CC, #367E32, #004231, #450215, #011501)
- Weathered Terrace color palette (#F1E7DD, #5795C9, #192AC2, #002F35, #16023D)
Browse the whole catalog at Explore, or see today's palette.