Lagoon Pier color palette — #F2EAF3 · #39908B · #004453 · #022502 · #000A17

Fern and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2EAF3): bright and airy, almost weightless.
• Fern (#39908B): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004453): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#022502): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Washed Hollow color palette (#EADEE9, #599C9C, #005268, #00330E, #00142D)
• Navy Lagoon color palette (#EEDFE6, #5288A3, #003586, #00231F, #0B0027)
• Hushed Denim color palette (#F3E4EA, #6AA7CA, #2F52A0, #003E3A, #211542)
• Antique Drift color palette (#EFE3DF, #68AFA9, #00829A, #166206, #000A17)
• Cellar Fern Dune color palette (#D9F3E4, #4A6325, #332C00, #1C0C00, #000502)
• Wandering Navy color palette (#E9E8F6, #C3879E, #9E602E, #0C2C70, #190011)
• Antique Petrol Grove color palette (#F5EBF2, #77BECC, #016FA5, #005239, #1D2A56)
• Inked Aubergine Cabin color palette (#E9E1F0, #5C0087, #003F22, #002522, #040008)

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