Lagoon Harbor color palette — #EEF7F8 · #D4DADF · #AFAAB5 · #5C8E7C · #495556

Fern takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EEF7F8): bright and airy, almost weightless.
• Silver (#D4DADF): bright and airy, almost weightless.
• Ash (#AFAAB5): a calm mid-gray that lets other colors speak.
• Fern (#5C8E7C): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#495556): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Petrol color palette (#EFF6FB, #D8D9E3, #BDBDCA, #4A7B97, #41494F)
• Abyss Alley color palette (#DDE5E9, #ADBBC6, #8090A0, #004C61, #13212A)
• Teal Study color palette (#E5FBF6, #6EB7AC, #468289, #4F567E, #324D53)
• Muted Parlor color palette (#DEEBED, #869FA5, #5C757E, #00332C, #000C0E)
• Dusty Seafoam color palette (#E4FAFF, #B3FBE1, #7FE7E0, #54ADC0, #2E4C54)
• Ultramarine Garden color palette (#EFF6FF, #CAD3E2, #9BA6C2, #0055B6, #253446)
• Wandering Driftwood color palette (#EEF7F6, #D2DBDE, #ACABB6, #638B84, #4C5553)
• Lagoon Villa color palette (#EEF7F7, #D3DBDF, #ADAAB7, #5C8C89, #4B5554)

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