Lagoon Pier color palette — #DBEEF0 · #00A588 · #005769 · #004739 · #000102

Fern and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DBEEF0): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#00A588): A luminous, balanced teal — the color of sea glass.
• Peacock (#005769): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#004739): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

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

• Onyx Terrace color palette (#E5F5E3, #00878B, #004B5C, #20004F, #000102)
• Wandering Station color palette (#CCEFED, #00A3AB, #00606E, #00202A, #000103)
• Ultramarine Station color palette (#DEECF4, #009DC1, #002CD0, #004354, #00000A)
• Misty Moss color palette (#D9F0EB, #5CA339, #005C45, #1C4800, #000202)
• Pine Terrace color palette (#E7ECDE, #007C4E, #003C53, #00331D, #000201)
• Soft Lapis color palette (#EDF6FF, #2FAAFF, #4542D9, #005182, #00000A)
• Worn Bloom color palette (#E2FBFF, #00E1CC, #008CAC, #007C70, #000203)
• Lowlit Loft color palette (#D6E5EE, #00728E, #2500AF, #27002D, #000201)

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