Lagoon Pier color palette — #FBF3F0 · #CBE9D7 · #7ABAE6 · #00A291 · #243A62

Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#CBE9D7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7ABAE6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A291): A luminous, balanced teal — the color of sea glass.
• Navy (#243A62): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Turquoise Basin color palette (#FAF4EF, #C1EAED, #9ABEFD, #34AAB4, #5B3C50)
• Powdered Periwinkle Harbor color palette (#F7ECE2, #B1D8FC, #83A0F3, #008EA0, #2E2454)
• Ancient Azure color palette (#EBF8F6, #B3DBF0, #27A4CC, #007B83, #0D4057)
• Aged Azure color palette (#F1E4DB, #8BCAE7, #2995F5, #007D7B, #101255)
• Dusty Cobalt Courtyard color palette (#FCECE2, #68ABC5, #1E79BD, #005E59, #02002F)
• Weathered Delta color palette (#FBEDF6, #96D2E4, #2F84B6, #005C52, #0D203A)
• Faded Field color palette (#F5EEDF, #D0C06A, #B8AFFF, #9A8700, #342D5D)
• Washed Forest Meadow color palette (#EADFD8, #7FBDBA, #0093A9, #007140, #001623)

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