Lagoon Pier color palette — #F9F3F7 · #D2DEF5 · #7DA9D6 · #208E75 · #3A4765

Fern takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#D2DEF5): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7DA9D6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#208E75): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3A4765): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Feathered Azure color palette (#FDF1F9, #B4E3FA, #25A3F5, #008665, #2D3879)
• Weathered Powder color palette (#F0F7F1, #D2DFF7, #84C7EF, #55A8A8, #364A5E)
• Cerulean Hollow color palette (#F8F5EF, #C4E6D3, #4E93BA, #007072, #543F56)
• Olive Atelier color palette (#F3F4FF, #B194E0, #A69A44, #618F3B, #33354F)
• Dusty Denim color palette (#EFE6EE, #589FA8, #005F86, #003E25, #00022B)
• Cornflower Hollow color palette (#F4ECF0, #A2CBE4, #3F87DE, #006D5E, #292559)
• Ultramarine Dune color palette (#E9DCE2, #6FABC8, #0E5FCE, #004B43, #160040)
• Grape Workshop color palette (#C4EEFF, #8EBDF2, #7985D5, #774FAB, #5F405F)

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