Lagoon Pier color palette — #E1E7DC · #00A584 · #00606D · #005341 · #000301

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

The five colors

• Parchment (#E1E7DC): bright and airy, almost weightless.
• Fern (#00A584): A luminous, balanced teal — the color of sea glass.
• Peacock (#00606D): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#005341): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, 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

• Moss Corridor color palette (#E5E6D9, #5BA23E, #006450, #1F5400, #010300)
• Lagoon Harbor color palette (#E4F0E3, #008A87, #2E4970, #003F3E, #000201)
• Washed Canyon color palette (#D1EFED, #0099A2, #00606E, #003240, #00131E)
• Weathered Ultramarine color palette (#D7EADF, #009DBF, #1E47BA, #004F62, #060006)
• Washed Grove color palette (#E5EBE4, #C3CFC3, #92AB98, #00635A, #0F190C)
• Tempered Canyon color palette (#DEE8D3, #007456, #00456E, #312400, #040400)
• Hushed Cobalt color palette (#ECF5ED, #43C8D4, #277BB4, #00727B, #02120D)
• Navy Garden color palette (#D9F2E2, #007489, #00288B, #00303A, #000108)

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