Lagoon Harbor color palette — #BCF4F2 · #59B9A7 · #008F98 · #00677D · #264F73

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

The five colors

• Honeydew (#BCF4F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#59B9A7): A luminous, balanced teal — the color of sea glass.
• Cerulean (#008F98): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00677D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#264F73): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Muted Grove color palette (#CDF1E3, #00A5AD, #00708A, #004279, #141A85)
• Wandering Summit color palette (#B7EEF6, #5FB7C8, #0088BA, #2058A4, #413F69)
• Petrol Lagoon color palette (#EAF7FF, #7FC1D3, #0081A8, #004B62, #003548)
• Antique Ember Loft color palette (#E9F8FF, #4AAFC1, #C56D64, #007382, #65312C)
• Wandering Boulevard color palette (#CBF6DD, #99AD6E, #3A8C48, #006A5D, #004D54)
• Timeworn Seafoam Corridor color palette (#C8F5D1, #2DE4C9, #05C4CB, #3F97B6, #5A3F5A)
• Dusty Lagoon Terrace color palette (#E9F8FF, #D8D9E7, #CFBAE8, #3D8A63, #374C5E)
• Chestnut Boulevard color palette (#EAF7FF, #2296B8, #B16156, #924F00, #173C4F)

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