Lagoon Pier color palette — #EDF7FA · #C9E3F2 · #9DC2EA · #008987 · #1A383F

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Frost (#C9E3F2): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9DC2EA): A luminous, dusty blue — the color of open sky before noon.
• Fern (#008987): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#1A383F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Patina Cerulean Loft color palette (#ECF7FE, #D7D8E8, #C6BADC, #0994BC, #35424A)
• Muted Terrace color palette (#E8F9F7, #CCE3E6, #7FCDD4, #268E33, #1B3936)
• Washed Cypress color palette (#ECF9EE, #C2D9CA, #88B29C, #00676E, #233927)
• Abyss Lagoon color palette (#DFEBF1, #9AA6B2, #7986A2, #004E5D, #010B11)
• Aged Navy Parlor color palette (#D9EAF5, #0084A6, #0F3474, #001E29, #00090D)
• Worn Byzantium Loft color palette (#CCEFF6, #00A297, #A600B7, #594500, #2E2200)
• Ultramarine Veranda color palette (#E3E7EC, #BEC3D8, #A4A1BD, #235BBA, #15202F)
• Ancient Cobalt color palette (#FFD8EA, #00AFAB, #0071C2, #773A00, #002F37)

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