Lagoon Harbor color palette — #F6F6E8 · #9DDCDA · #009199 · #00685A · #004952

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Ice Blue (#9DDCDA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009199): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00685A): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Muted Thicket color palette (#F6F6E8, #7BC6C9, #007C89, #00564F, #003A45)
• Petrol Lagoon color palette (#F4F6EF, #C2E5D8, #638FB5, #006D89, #2E496B)
• Aqua Balcony color palette (#E4FBF6, #84FBF9, #00CFDA, #00A893, #004952)
• Linen Pine Market color palette (#FCF2F9, #99ECEB, #00ADCC, #008754, #0C4563)
• Washed Abyss color palette (#EEF0E4, #508A9D, #00425A, #002226, #000B14)
• Tempered Denim Drift color palette (#E0E3D6, #81A996, #005F85, #003C47, #002139)
• Feathered Thicket color palette (#E4E9DB, #6594C1, #004694, #002D41, #010B3F)
• Olive Market color palette (#F6EED6, #9BA368, #716D00, #564900, #2F3A13)

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