Lagoon Pier color palette — #FCF2F7 · #D2DFFA · #7FA8D7 · #388B79 · #3D4761

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Powder Blue (#D2DFFA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7FA8D7): A luminous, balanced blue — the color of deep harbor water.
• Fern (#388B79): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3D4761): A full-bodied, 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

• Powder Hollow color palette (#F1F7F2, #D3DEF6, #7AC7FA, #39AAAF, #344962)
• Cerulean Canyon color palette (#F8F5EF, #C6E5D5, #5292BB, #007074, #2D496B)
• Wisteria Garden color palette (#E4FAFE, #66CCBD, #CC8BC4, #009586, #563552)
• Denim Terrace color palette (#F7E9F4, #4AA1AE, #005F89, #003E26, #010030)
• Weathered Basin color palette (#DFFCFC, #C5DFEE, #CBBFEC, #8E9567, #31535C)
• Dusty Pewter Meadow color palette (#E5FCED, #9EC9BB, #729A80, #856042, #264341)
• Quiet Ultramarine Lantern color palette (#ECDFE5, #64ABD2, #3561BB, #004B45, #18003E)
• Washed Cobalt Lantern color palette (#F9EAF1, #92CEE9, #5A88C6, #006D60, #2B2556)

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