Eclipse Cocoa color palette — #D0E5D8 · #005C6F · #762500 · #481300 · #000301
A conversation between Rust and Espresso, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#D0E5D8): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#005C6F): A full-bodied, dusty blue — the color of open sky before noon.
- Rust (#762500): A deep, shadowed, balanced orange — the color of autumn markets.
- Espresso (#481300): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, 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
- Patina Garnet color palette (#E2F6D8, #006052, #820024, #500012, #010300)
- Moonless Basalt color palette (#D4E9D9, #005D68, #554000, #332500, #000301)
- Nocturne Navy color palette (#D8EAE4, #00477A, #541300, #2F0700, #010200)
- Linen Field color palette (#DBF2FF, #00809A, #A92344, #4F3100, #000102)
- Washed Garden color palette (#D3F6E8, #0074A2, #705800, #4A3900, #000C16)
- Garnet Delta color palette (#D0EBFD, #007A9F, #A5303F, #800021, #001018)
- Lapis Hollow color palette (#FFE8F8, #3E00E3, #5B3D00, #372300, #070005)
- Timeworn Coast color palette (#E7E3C5, #006E92, #51147B, #231F00, #000415)
Browse the whole catalog at Explore, or see today's palette.