Lagoon Harbor color palette — #EFF8F0 · #C7E1DF · #99CDD2 · #00999F · #374438

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

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Silver (#C7E1DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#99CDD2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#00999F): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#374438): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, 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

• Cerulean Dune color palette (#EFF7F5, #DFD4D1, #C2C2B0, #6994B8, #3E4B47)
• Tempered Emerald color palette (#F4F6EF, #CDE1D6, #9DD1C1, #409B5F, #3B4600)
• Softworn Alley color palette (#F1F7F0, #C2E3E3, #CEB2C9, #007A76, #364435)
• Tempered Ridge color palette (#EBF8FC, #D3DAE9, #B6A9B0, #0CBBBD, #2D444B)
• Weathered Cerulean color palette (#D4F4E5, #0093BF, #24476D, #032E20, #07150B)
• Emerald Corridor color palette (#FAF5E3, #A1C980, #00A149, #007A6D, #2E411D)
• Mulberry Archive color palette (#FFF4E2, #00BDCF, #0082D4, #A22138, #133F2B)
• Softworn Villa color palette (#E4FCEC, #00AEC9, #8F49E2, #9D181A, #313400)

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