Lagoon Pier color palette — #E6F5E6 · #008889 · #004463 · #003A3A · #000503

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

The five colors

• Cream (#E6F5E6): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#008889): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004463): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#003A3A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Pine Studio color palette (#EDF0E2, #008F3B, #004947, #003D15, #000500)
• Nightshade Cabin color palette (#CDE5DD, #007DC0, #3201B1, #003555, #0B0007)
• Pale Onyx Drift color palette (#E3F3E7, #00718D, #004068, #3B004C, #001925)
• Soft Ultramarine Courtyard color palette (#DDFAEC, #009CC9, #003DD1, #004E66, #030E2F)
• Faded Harbor color palette (#D9EFF4, #00A99A, #0063A8, #006057, #00030B)
• Worn Pier color palette (#E6F1E9, #AABFB2, #7C9589, #004E57, #132418)
• Lowlit Nightshade Station color palette (#E6F4E6, #004F4F, #210095, #151800, #000703)
• Denim Meadow color palette (#C6E8D7, #00B5C3, #0084A7, #0060A8, #001724)

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