Lagoon Pier color palette — #ECEDDE · #3B8685 · #004449 · #00201B · #000202

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

The five colors

• Cream (#ECEDDE): a clean, paper-quiet neutral.
• Fern (#3B8685): 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

• Softworn Alley color palette (#EDF1E5, #4C7EA4, #003C70, #001D2A, #000106)
• Hushed Summit color palette (#CCEEF4, #5498B3, #006FAD, #003536, #000204)
• Wandering Alley color palette (#E8EBDC, #95BFA5, #007695, #004A4F, #001925)
• Petrol Thicket color palette (#CCE7EC, #006677, #49403E, #003038, #000B0E)
• Tempered Terrace color palette (#F7EBE4, #60B2B0, #005F70, #002D18, #000103)
• Washed Cerulean color palette (#F2F3E8, #96DEE7, #0092A9, #006260, #002A36)
• Nightshade Parlor color palette (#C4ECF2, #00444B, #1E0292, #062B01, #000102)
• Chestnut Summit color palette (#F8E7D8, #764500, #421F00, #1D0700, #020100)

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