Lagoon Harbor color palette — #DDFCFF · #CDDEEC · #A0CEDE · #498180 · #344F54

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

The five colors

• Ivory (#DDFCFF): A whisper-light, dusty blue — the color of open sky before noon.
• Silver (#CDDEEC): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A0CEDE): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#498180): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#344F54): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged pastel, 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 Workshop color palette (#EEF6FF, #C0D8FD, #A1A2DF, #387599, #324660)
• Cerulean Grove color palette (#CBE5DF, #68BBBC, #00899B, #004F39, #001B19)
• Softworn Taupe color palette (#EFFAE2, #C2E7DE, #A6D6F5, #869C5F, #415237)
• Softworn Olive Veranda color palette (#DCF8F7, #CBDCED, #95D3FB, #6E8642, #0F3238)
• Faded Turquoise color palette (#D4FFFE, #85EAF4, #1DB4DC, #006F5F, #003E42)
• Timeworn Petrol color palette (#D8E9ED, #62A2BE, #3071A5, #003A3F, #001018)
• Timeworn Abyss Atelier color palette (#EAF8FC, #A2B787, #005E5B, #00343E, #0D1C28)
• Wandering Cerulean Lagoon color palette (#E8F8FF, #0091A3, #73679D, #495B1F, #183743)

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