Lagoon Pier color palette — #D4E7EA · #00887A · #123643 · #021A1E · #010808

Fern takes the lead with Deep Teal close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#D4E7EA): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#00887A): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#123643): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#021A1E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010808): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Lagoon Pier 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

• Nocturne Corridor color palette (#D4E6F4, #0073A6, #132751, #00121F, #000408)
• Weathered Coast color palette (#DAF5FF, #006870, #3F383D, #002230, #000A0C)
• Softworn Corridor color palette (#DCE9D8, #00A696, #385540, #263222, #171A12)
• Ancient Villa color palette (#E8F9FB, #48B2A0, #2F4A5B, #082326, #000706)
• Lagoon Hollow color palette (#E8F5F2, #95BCBB, #3E8372, #445D39, #022E2E)
• Raspberry Balcony color palette (#E4F5FF, #3E9ABA, #B55C91, #756E00, #06212F)
• Aged Cerulean Parlor color palette (#EDF4EE, #C9E1EC, #4398BD, #006D68, #152E44)
• Cerulean Corridor color palette (#BCEEF8, #61BEC0, #008DA1, #00576F, #003049)

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