Lagoon Harbor color palette — #E0F1F3 · #00997C · #1D414B · #0F2223 · #080E0D

Built around Fern, softened by Deep Teal — the whole palette hums with sophistication.

The five colors

• Frost (#E0F1F3): bright and airy, almost weightless.
• Fern (#00997C): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#1D414B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#0F2223): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#080E0D): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Deep Harbor color palette (#D3EAF1, #007B7B, #002F3B, #001319, #000405)
• Teal Study color palette (#EBF6E4, #00B593, #4B5E4C, #343A30, #21231C)
• Lagoon Hollow color palette (#EAF5F1, #A7CCC8, #4D9376, #476A60, #1E3634)
• Peony Boulevard color palette (#E2F5FF, #45ACC2, #BC6EAC, #88783B, #192A32)
• Turquoise Station color palette (#EEF4EF, #CEDEF0, #60A8BD, #2F796C, #263846)
• Muted Coral color palette (#E7F5FA, #7AC0CB, #D68276, #0B808E, #3E293A)
• Weathered Ash Study color palette (#E0F8F7, #A4CAD3, #779AAF, #72697C, #483847)
• Shadow Ultramarine color palette (#E5EEFF, #004CCF, #1E0B50, #00051F, #000103)

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