Eclipse Cocoa color palette — #EADDCD · #693A00 · #003945 · #001F28 · #070000
Built around Bronze, softened by Deep Teal — the whole palette hums with optimism and sophistication.
The five colors
- Bone (#EADDCD): A whisper-light, dusty gold — the color of honey in a jar.
- Bronze (#693A00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Teal (#003945): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001F28): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Nocturne Garnet Grove color palette (#FADBD0, #970017, #003841, #00242A, #060002)
- Velvet Basalt Workshop color palette (#F4F0DB, #504500, #18221D, #041100, #030200)
- Twilit Onyx Garden color palette (#F1E0CD, #7C4C00, #004141, #270044, #030009)
- Hushed Archive color palette (#FCE4D7, #996800, #534D00, #192600, #000502)
- Nightshade Harbor color palette (#F1EAD9, #564500, #010FA4, #00055D, #060001)
- Antique Cocoa color palette (#EEE4DA, #ADA490, #8B8864, #633A00, #100701)
- Aubergine Studio color palette (#F6E6C9, #604F00, #3A0084, #250035, #060000)
- Feathered Nightshade Corridor color palette (#F5EACA, #6C6400, #0035BB, #082A77, #150000)
Browse the whole catalog at Explore, or see today's palette.