Lagoon Pier color palette — #D1EDF2 · #008D80 · #004863 · #002227 · #000202

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

The five colors

• Frost (#D1EDF2): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#008D80): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004863): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000202): 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 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

• Petrol Lagoon color palette (#DDF4FD, #007984, #08325E, #181C22, #00090B)
• Antique Courtyard color palette (#D5E5D2, #007068, #454E59, #002A31, #000C0B)
• Olive Workshop color palette (#CBE7E1, #448E00, #004D46, #0C2400, #000201)
• Washed Workshop color palette (#DDF3FF, #00A2C1, #425788, #003C49, #00090C)
• Teal Bloom color palette (#D6E8ED, #38C0C1, #5E7285, #344E56, #101B1A)
• Tempered Iris Study color palette (#DBE4F6, #7E93F0, #625D7A, #313C53, #050E16)
• Teal Coast color palette (#CEEFDC, #00B1A5, #0089A4, #00628B, #001B4B)
• Olive Cabin color palette (#D3E5DF, #6DBA94, #009192, #566E00, #002113)

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