Lagoon Pier color palette — #EBF4F2 · #A0D1DF · #008C97 · #005C52 · #00262C

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

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Powder Blue (#A0D1DF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008C97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#00262C): 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 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

• Softworn Corridor color palette (#FCF3EF, #93D2D1, #00869E, #10623E, #124436)
• Sky Thicket color palette (#E2F6FF, #9EDFFA, #6EB3F0, #15757B, #072634)
• Softworn Ridge color palette (#DDEDEB, #88BCD1, #00749F, #004A54, #001829)
• Wandering Teal color palette (#C6E7DE, #00ADA2, #007C79, #004A4D, #002A2F)
• Timeworn Terrace color palette (#DDEDEA, #38868C, #00444D, #001F1D, #000202)
• Feathered Amethyst color palette (#D2EFFF, #008AA8, #6B51D8, #006D3C, #001722)
• Patina Violet color palette (#D2EEFA, #00A4B4, #925CCE, #00616B, #231235)
• Turquoise Ridge color palette (#DEEFEC, #57ABB4, #006373, #003938, #000D13)

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