Lagoon Coast color palette — #EDF8F6 · #D4DFEB · #7BC9D9 · #38928D · #204456

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Silver (#D4DFEB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7BC9D9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#38928D): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#204456): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cerulean Boulevard color palette (#EEF7F7, #D9DDE8, #A7D1F7, #5D9CB3, #3B4F66)
• Softworn Petrol color palette (#E9F9F7, #D8DEE9, #67B1D3, #0F7D89, #0F3149)
• Washed Petrol color palette (#E0F3F0, #84C2D1, #00728F, #003D41, #000306)
• Washed Loft color palette (#EAF8FF, #5ECCE7, #A1A2E9, #65A274, #072F40)
• Muted Cobalt color palette (#E5FAF9, #98D5F6, #0082C1, #004F60, #000D1E)
• Softworn Atelier color palette (#F5F6EE, #C9E5CE, #2F99AD, #00716D, #30503F)
• Misty Cerulean color palette (#E8F8FF, #88E6F0, #C1C071, #009CA9, #3D3B02)
• Timeworn Loft color palette (#D9EAEA, #7FA6CD, #16529F, #00283B, #00000C)

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