Lagoon Pier color palette — #CCECDC · #009E95 · #007278 · #004253 · #1F234F

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

The five colors

• Honeydew (#CCECDC): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009E95): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007278): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004253): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#1F234F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Wandering Emerald color palette (#DFF3D7, #009E60, #006F59, #004442, #0B283C)
• Washed Lagoon color palette (#C4E9E7, #008F94, #00616B, #003943, #00181F)
• Aged Teal Drift color palette (#D9EEE7, #00B4B3, #007993, #005373, #20395F)
• Antique Station color palette (#CFE9ED, #0078A6, #003D6D, #00096F, #17004A)
• Faded Rust color palette (#CEE5D2, #008F9B, #AB4800, #00535B, #461900)
• Brick Hollow color palette (#DEF6E6, #00788D, #AC1E16, #7D3400, #00242C)
• Timeworn Lilac color palette (#DAF9E3, #9ACFFA, #998DD9, #006958, #01384A)
• Dusty Ultramarine Lantern color palette (#D0E5EB, #008FC8, #005FB4, #292E88, #322359)

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