Lagoon Pier color palette — #DCF2ED · #009FA1 · #006B81 · #004263 · #001735

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

The five colors

• Honeydew (#DCF2ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009FA1): A luminous, balanced teal — the color of sea glass.
• Peacock (#006B81): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004263): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#001735): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Lagoon Pier 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

• Patina Cabin color palette (#DAECDC, #009D6F, #00726C, #00474D, #001A21)
• Aqua Veranda color palette (#C1FCFF, #00CFE2, #0094AE, #005F77, #002532)
• Hazy Summit color palette (#D9EFF5, #0096B3, #AD5700, #005567, #260E00)
• Feathered Navy color palette (#DAEFE5, #00AAA1, #007089, #004569, #162783)
• Ancient Azure color palette (#BAE7FF, #03AFEC, #006590, #002D45, #000710)
• Wandering Basin color palette (#C4EEF5, #009CCF, #005AA0, #18149C, #160049)
• Gentle Bloom color palette (#DBF4FF, #A5CFFF, #BB94F6, #00736F, #00223C)
• Cobalt Coast color palette (#CCE7EC, #00ADE8, #0071C3, #2C3891, #2A1D53)

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