Lagoon Pier color palette — #E1F2EF · #009B90 · #006659 · #002F27 · #000302

Built around Fern, softened by Pine — the whole palette hums with calm and sophistication.

The five colors

• Cream (#E1F2EF): bright and airy, almost weightless.
• Fern (#009B90): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#006659): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#002F27): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000302): quiet, heavy and certain.

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

• Ancient Grove color palette (#DFF4FF, #0096BD, #005D80, #002E42, #000204)
• Frosted Emerald color palette (#D6E7D5, #2CA24A, #006533, #013106, #000301)
• Lagoon Station color palette (#E2F4EF, #008B78, #004339, #001713, #000302)
• Teal Thicket color palette (#79FADE, #00AA90, #00655A, #001914, #000201)
• Worn Grape color palette (#D7E8F0, #0093A9, #6D06B7, #004E5B, #03000A)
• Sunlit Aqua Courtyard color palette (#B3FFF9, #00CAC7, #008B87, #005451, #002323)
• Sunlit Peony Drift color palette (#EDDAD3, #F4018E, #00908E, #001111, #000203)
• Chestnut Hollow color palette (#D6E7DC, #7B8445, #635100, #462900, #020F00)

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