Lagoon Harbor color palette — #EFF7F9 · #D2DAE5 · #B5BFD1 · #009394 · #2D3E42

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D2DAE5): bright and airy, almost weightless.
• Ash (#B5BFD1): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#009394): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#2D3E42): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Ridge color palette (#EDF7FF, #D1E0EF, #A8BFE6, #007FBC, #233544)
• Teal Garden color palette (#F1F7F1, #D0DCDA, #ADC7C8, #54B1AD, #353D34)
• Tempered Cerulean Villa color palette (#CCE2EF, #008EAF, #0F4560, #0E2430, #040F14)
• Aged Iris color palette (#C8E6FF, #A1BDE0, #8188BA, #825776, #504059)
• Dusty Denim Archive color palette (#DDE4E9, #A8B6C3, #7798BE, #005B79, #09151E)
• Dusty Emerald Lantern color palette (#E7FAF3, #A2BF89, #509345, #3C7054, #1B3C36)
• Patina Turquoise color palette (#D1F8F4, #00B5CD, #0082B1, #624682, #103545)
• Azure Delta color palette (#EAF8FF, #55ECF1, #00CCEF, #00A2E8, #17394B)

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