Eclipse Lagoon color palette — #F9EAF2 · #83571B · #592400 · #350005 · #020200

A conversation between Coffee and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F9EAF2): bright and airy, almost weightless.
• Coffee (#83571B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#592400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#350005): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Eclipse 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

• Deep Fern Pier color palette (#CCE6D2, #686500, #463300, #281100, #010200)
• Timeworn Amber Study color palette (#F9DDC8, #B77437, #7A3800, #3D1100, #020100)
• Antique Archive color palette (#F9DCE7, #B68300, #874900, #671000, #151200)
• Hushed Garden color palette (#D9E7E0, #7A8F55, #5E5702, #432C00, #001303)
• Soft Aubergine color palette (#E9EBFD, #7B4DAA, #562700, #3B0062, #030100)
• Obsidian Plum color palette (#F0E8F5, #A23888, #690029, #300400, #040100)
• Taupe Harbor color palette (#D5F2DD, #9FA754, #816800, #623800, #0D2201)
• Pine Veranda color palette (#E5E7F7, #337A26, #270052, #240F1D, #040010)

Browse the whole catalog at Explore, or see today's palette.