Lagoon Harbor color palette — #D9F1EA · #00877B · #005C57 · #003637 · #002226

Teal takes the lead with Peacock close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Honeydew (#D9F1EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#00877B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#003637): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Calm, Sophistication. Tagged muted, 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

• Wandering Jade color palette (#DDF5DF, #00A77E, #007067, #004A54, #002734)
• Cerulean Veranda color palette (#C8F4FD, #0093A6, #00505B, #002127, #000D10)
• Linen Pine Loft color palette (#DCEADB, #008D3E, #00603A, #003423, #001C1E)
• Wandering Cerulean Market color palette (#D4E9F2, #83C7E3, #368DC2, #005153, #002631)
• Pale Grape color palette (#CEF2FE, #007D80, #633EA8, #004244, #210545)
• Turquoise Grove color palette (#BEE9F1, #00A4C0, #006C87, #004C66, #003751)
• Quiet Summit color palette (#CDE9ED, #006770, #2F34BA, #114A00, #001518)
• Powdered Alley color palette (#D3F5EB, #9E70FF, #0087D0, #0F1326, #00050D)

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