Lagoon Pier color palette — #F9F4ED · #B1F3F4 · #6CB1BF · #488975 · #2C5040

Built around Fern, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Sea Foam (#B1F3F4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6CB1BF): A luminous, dusty blue — the color of deep harbor water.
• Fern (#488975): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#2C5040): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Periwinkle Canyon color palette (#F9F4ED, #BDE9E9, #74ABD8, #3A878F, #544054)
• Aged Azure color palette (#FAF4EC, #B5E1C4, #38A2CC, #1B7B76, #124438)
• Dusty Turquoise Coast color palette (#F2E8D8, #00B6C9, #00718E, #004B43, #001624)
• Washed Jade color palette (#FAF2F8, #D0E1F4, #88C9DD, #5AAB84, #274C65)
• Sunlit Denim color palette (#EFE8DD, #5E99C3, #0055AE, #003A45, #030326)
• Fuchsia Harbor color palette (#FFF1F3, #D87FD5, #B49443, #2896A4, #4A2F34)
• Cerulean Pier color palette (#FFF4E2, #70DBFA, #0098D1, #007271, #00345D)
• Washed Bronze color palette (#FDF5DC, #B2C78C, #929365, #84631C, #3F4100)

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