Lagoon Pier color palette — #E0F0EC · #3F8585 · #004449 · #00201B · #000202

Storm Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E0F0EC): bright and airy, almost weightless.
• Storm Blue (#3F8585): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#004449): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00201B): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Weathered Quarry color palette (#E9EADD, #47A3A3, #00646C, #003C35, #000C0F)
• Aged Petrol color palette (#DDEDEB, #87BDCB, #007695, #004A4F, #001925)
• Cellar Chestnut Garden color palette (#ECE5CF, #705B00, #392C00, #182221, #0B0600)
• Worn Cabin color palette (#E5F6F3, #9DDCE4, #0093A9, #00625F, #002A36)
• Aged Olive Dune color palette (#ECE4CC, #8E8A2C, #566D00, #483100, #020200)
• Eclipse Aubergine color palette (#D0E6CF, #684400, #680058, #2C1A00, #040003)
• Charred Onyx color palette (#F2ECD1, #463B00, #003B26, #480300, #020100)
• Washed Iris Grove color palette (#EAF4F4, #C5DFFB, #5D8ED8, #13658D, #1E2C43)

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