Lagoon Pier color palette — #FBF3EF · #BFE6F4 · #99BFE6 · #47927E · #383C5F

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Powder Blue (#BFE6F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#99BFE6): A luminous, dusty blue — the color of deep harbor water.
• Fern (#47927E): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#383C5F): A deep, shadowed, 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

• Worn Cabin color palette (#FCF3F0, #C0E2E6, #A6C5EB, #8F976D, #5A455C)
• Dusty Cypress Summit color palette (#FDF3EB, #C4E5F8, #8EA5DA, #077F7A, #31264E)
• Cobalt Pier color palette (#FBF2F7, #BEE2F7, #4E8ED0, #00735F, #3D4761)
• Faded Quarry color palette (#FFF0F8, #B5B0FF, #9DB662, #879B58, #3A2230)
• Wandering Denim Cabin color palette (#EBDED8, #5FB0BB, #005C81, #002D19, #00000A)
• Timeworn Periwinkle Bloom color palette (#EAF8FF, #BBD6FF, #959FEE, #7F65A8, #593955)
• Petrol Station color palette (#F7ECE3, #82C0E1, #3964B3, #003E39, #030010)
• Wandering Forest color palette (#FFF2EE, #94DBD7, #0088A6, #015612, #000D1E)

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