Lagoon Harbor color palette — #EEF8F5 · #CEE0F2 · #8DB9C9 · #5A9387 · #3B5763

Eucalyptus and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Powder Blue (#CEE0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#8DB9C9): A luminous, dusty blue — the color of open sky before noon.
• Eucalyptus (#5A9387): A luminous, dusty teal — the color of sea glass.
• Peacock (#3B5763): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: 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

• Ash Villa color palette (#E9F8FF, #D5DAE6, #BBACAE, #79A6B3, #405561)
• Weathered Atelier color palette (#E7F9FF, #81D5D8, #B6A7DC, #3C9CA0, #464A6D)
• Patina Denim Dune color palette (#D1E3E0, #5F9EA5, #006373, #003C3A, #000B11)
• Weathered Cobalt Garden color palette (#E4F2F0, #91CEEA, #0091CB, #00697A, #003150)
• Soft Turquoise Canyon color palette (#E8F9F7, #A2E8FA, #2AAAD2, #008189, #004661)
• Hushed Cobalt Bloom color palette (#D4E6E6, #8DB5E0, #3372D0, #005378, #0A184E)
• Muted Ash color palette (#FEF1F6, #E4BFCB, #B68F9F, #876B7A, #3E4C3D)
• Wandering Lagoon color palette (#EEF7F6, #D2DEEF, #8DB9CD, #589290, #3B5766)

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