Eclipse Lagoon color palette — #ECDBD9 · #00639E · #00632D · #020C0A · #000201
Built around Peacock, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Bone (#ECDBD9): bright and airy, almost weightless.
- Peacock (#00639E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00632D): A full-bodied, balanced teal — the color of sea glass.
- Ink (#020C0A): a grounded near-black with real depth.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged neon, dark, vibrant, 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
- Fern Courtyard color palette (#F4D8F1, #006981, #5C5300, #070A05, #000201)
- Cellar Grape Workshop color palette (#FEE4E0, #5C06F2, #006056, #060C0E, #000102)
- Aged Byzantium color palette (#F1E8CA, #B300B5, #006D82, #060D14, #000103)
- Deep Thicket color palette (#D2F8F1, #005E64, #003544, #000C19, #000108)
- Washed Workshop color palette (#FFD6D2, #007BDD, #00853F, #00110E, #010200)
- Linen Violet Drift color palette (#FCD7C6, #8952FF, #008282, #050D15, #000102)
- Dusty Grove color palette (#E6F0F2, #819097, #5A6E7C, #003130, #000202)
- Tempered Peony Corridor color palette (#FCDDD9, #DA2AB2, #3D6000, #04110A, #020200)
Browse the whole catalog at Explore, or see today's palette.