Lagoon Pier color palette — #ECF9EE · #A8E8E4 · #00C0D1 · #009C72 · #003948

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sea Foam (#A8E8E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00C0D1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009C72): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Frosted Sky Pier color palette (#ECF9EE, #99E7FF, #1BB8FA, #009796, #00345D)
• Worn Workshop color palette (#F0F7F1, #D0DEF1, #80C9E4, #00B09F, #2F4B61)
• Tempered Cerulean Courtyard color palette (#E8F0E9, #86CFD0, #00A4BB, #008066, #002330)
• Weathered Aqua color palette (#FAF0E1, #00D6D0, #00818C, #00543C, #001E27)
• Timeworn Petrol color palette (#DFEAE1, #7AA8BD, #0080A6, #005E58, #000A16)
• Airy Moss color palette (#D6FFF9, #87FED0, #01EAEF, #95AA00, #004129)
• Gentle Cabin color palette (#C2FFC5, #63E291, #00B761, #007B3E, #00250A)
• Rose Boulevard color palette (#E4F0E3, #48C23E, #6198FF, #FC2B45, #042D02)

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