Lagoon Coast color palette — #FCF2F8 · #BDE7FF · #88B6E9 · #1AA288 · #34365E

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#BDE7FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#88B6E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#1AA288): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#34365E): 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 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

• Sunlit Sky color palette (#FFF0FC, #93EAF5, #1EB8FA, #009D63, #0E2C70)
• Hushed Turquoise Archive color palette (#F1F7F2, #D9DFEB, #6AAFDA, #007E82, #112F50)
• Teal Quarry color palette (#EBF7FF, #D9D8F1, #FEBAD0, #66B19A, #314457)
• Timeworn Cobalt Loft color palette (#D3F4E7, #31CECE, #00A8CA, #1A7CBE, #233662)
• Powdered Iris color palette (#FAEBF2, #90C8E7, #6291E2, #007E74, #21104C)
• Sunlit Azure color palette (#E0F1FF, #76C9FB, #F39378, #009CDC, #542619)
• Airy Cobalt color palette (#EEDBE4, #67ABC8, #2572D2, #005E52, #090028)
• Hushed Amber color palette (#C7EBFF, #50D6FF, #B5A44C, #C77B00, #043043)

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