Lagoon Harbor color palette — #FAF4F0 · #C9E9D8 · #7AB8EF · #00A198 · #293864

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C9E9D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7AB8EF): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A198): A luminous, balanced teal — the color of glacier melt.
• Navy (#293864): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Weathered Turquoise color palette (#F9F4EF, #C8E4E8, #A9BCEE, #07ABC0, #5E3B4E)
• Soft Emerald color palette (#F6ECE7, #BDDDBC, #00B8D5, #00965A, #00324A)
• Antique Azure color palette (#ECF8F7, #BCD9EB, #559FC5, #007A89, #003F60)
• Wandering Periwinkle Parlor color palette (#EBE0D8, #99C7E3, #5A93E3, #007C81, #181250)
• Cobalt Lantern color palette (#E9DFD8, #76A8C2, #2B76C3, #005D5D, #05002C)
• Worn Cobalt color palette (#F9EEF4, #8BD3EE, #4781B1, #005C56, #122038)
• Softworn Cerulean color palette (#EFE4DE, #6FC0C1, #0092AF, #007149, #001625)
• Patina Cabin color palette (#EEFAE5, #B8F4FB, #B6D7FF, #88AE68, #324731)

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