Lagoon Harbor color palette — #D7F7FC · #00A28D · #055F66 · #14353A · #000606

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

The five colors

• Frost (#D7F7FC): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#00A28D): A luminous, balanced teal — the color of glacier melt.
• Peacock (#055F66): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#14353A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000606): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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 Atelier color palette (#D1E7EC, #00B2AB, #256C7B, #21424A, #031011)
• Ancient Emerald Lagoon color palette (#DAF0EE, #00A83C, #00634E, #013835, #000604)
• Patina Archive color palette (#D8EDCC, #008A74, #574F56, #002936, #010500)
• Timeworn Azure color palette (#D3E7F7, #009ED8, #2456A3, #003A52, #00090F)
• Antique Powder color palette (#E8F3FF, #72BEFD, #6D7C97, #4B5660, #1D2326)
• Hushed Jade Corridor color palette (#D7E9E5, #8BCB9E, #00A986, #61804A, #00302F)
• Muted Boulevard color palette (#DAE7FD, #769BFF, #685C99, #33425A, #09121C)
• Turquoise Station color palette (#E7F2E9, #A5DEE9, #00B5E4, #009286, #00314C)

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