Lagoon Harbor color palette — #FCF1F9 · #ACEEEE · #5EC1DA · #4F9E75 · #163F57

A conversation between Fern and Cyan, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Sea Foam (#ACEEEE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5EC1DA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#4F9E75): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#163F57): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Corridor color palette (#FCF2F6, #C0E6FF, #8FB3E9, #349CA2, #2D3959)
• Turquoise Drift color palette (#FCF3F0, #BAEEF4, #44B5D8, #447E49, #12304D)
• Cypress Parlor color palette (#F5F6ED, #A2E2E1, #40A6AF, #037D6F, #1E442D)
• Muted Taupe color palette (#DAFEF6, #A1F0F8, #A5CBFC, #A6A365, #204B49)
• Glacier Quarry color palette (#FBF2F8, #D2D6EB, #93D3E0, #7DACAA, #445562)
• Petrol Bloom color palette (#F0E3EC, #46B2B9, #0081A0, #006044, #000A16)
• Washed Cerulean Canyon color palette (#F7F1E7, #B7CFB7, #008B9D, #005E48, #002531)
• Airy Seafoam Parlor color palette (#DAFFDE, #83E79A, #54BD82, #328457, #002C0D)

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