Eclipse Cocoa Lagoon color palette — #FBE6F2 · #774312 · #491800 · #240001 · #020100
A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FBE6F2): A whisper-light, dusty pink — the color of peonies in June.
- Bronze (#774312): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#491800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#240001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Black (#020100): quiet, heavy and certain.
Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.
Use it as a design system
One click turns Eclipse Cocoa Lagoon 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
- Ancient Cocoa color palette (#FCEBE0, #91633D, #742B00, #4B0004, #060300)
- Driftwood Summit color palette (#FDE1EB, #A38040, #774911, #522000, #130E00)
- Midnight Bloom color palette (#DCF8E4, #585500, #342800, #170B00, #010100)
- Bronze Hollow color palette (#D2E7D7, #7B7434, #554000, #331D00, #050600)
- Aubergine Studio color palette (#C9EDEF, #00412D, #420057, #2A0007, #000201)
- Nocturne Terrace color palette (#D9EAEC, #006852, #002A50, #00251C, #000104)
- Bronze Corridor color palette (#FFDFED, #C19766, #9C571F, #6F2B17, #02230D)
- Eclipse Lagoon color palette (#ECDBD9, #00639E, #00632D, #020C0A, #000201)
Browse the whole catalog at Explore, or see today's palette.