Lagoon Pier color palette — #D4EBE8 · #589F75 · #006549 · #00433C · #001709

Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D4EBE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#589F75): A luminous, balanced teal — the color of glacier melt.
• Pine (#006549): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00433C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001709): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Emerald color palette (#E9E5D3, #51A055, #00644E, #1F4732, #282C0A)
• Ancient Fern color palette (#D0E4D8, #929250, #505C00, #27411A, #00170E)
• Cypress Harbor color palette (#E3F6F6, #78AD98, #007564, #1E4E59, #002123)
• Lagoon Lantern color palette (#E9F5F3, #9DCECC, #559177, #4E6572, #1D3635)
• Deep Forest Archive color palette (#CFEAE9, #00684C, #003229, #001722, #000202)
• Soft Meadow color palette (#D3E1FE, #6373DF, #007D6B, #302EA7, #001712)
• Patina Basin color palette (#E7E9FF, #8146C2, #AF0049, #005276, #080522)
• Wisteria Market color palette (#EBEFFF, #D0B0E9, #CF87D4, #4C499A, #14142C)

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