Eclipse Cocoa color palette — #CBE6D6 · #005A70 · #6A2500 · #00252F · #100200
A conversation between Rust and Peacock, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#CBE6D6): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#005A70): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#6A2500): A deep, shadowed, balanced orange — the color of autumn markets.
- Midnight (#00252F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#100200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, 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
- Garnet Drift color palette (#DBEED8, #005E59, #760037, #002724, #130004)
- Lowlit Archive color palette (#F4DAF6, #005198, #573600, #002043, #0B0400)
- Garnet Archive color palette (#C6EAFB, #00465D, #5F003F, #272500, #000204)
- Misty Brick color palette (#E5F2FC, #00739B, #A70804, #003E55, #140000)
- Velvet Petrol color palette (#D6E4ED, #006B94, #003149, #1A1720, #000910)
- Cobalt Atelier color palette (#CBE5DC, #1686C9, #975A00, #004D79, #3D2100)
- Lowlit Chestnut color palette (#F3E0C7, #6B5700, #3B2700, #1D0C00, #040400)
- Grape Villa color palette (#FFE4F3, #5E3FC6, #4C5000, #2F007A, #101100)
Browse the whole catalog at Explore, or see today's palette.