Lagoon Pier color palette — #FBF3EF · #CDE7E3 · #88B9D4 · #569484 · #5E4B5F

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Silver (#CDE7E3): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#88B9D4): A luminous, dusty blue — the color of open sky before noon.
• Fern (#569484): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5E4B5F): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Weathered Bloom color palette (#FBF3EF, #CCE9E2, #90BDA5, #5D947B, #325249)
• Hushed Cypress Canyon color palette (#EFF7F6, #D2DEF0, #61A4B9, #2A7C7F, #3C5667)
• Tempered Atelier color palette (#F2F8E8, #96D5B3, #CE9FCD, #5C9C7B, #664148)
• Dusty Petrol Veranda color palette (#F0E4DF, #7DBEC6, #0080A6, #005B45, #00203D)
• Washed Alley color palette (#E9DED7, #539EB8, #005C93, #003C37, #01002F)
• Aged Hollow color palette (#F4EDE6, #A3C9E9, #6884C5, #006A76, #2C2553)
• Tempered Teal Courtyard color palette (#ECFBDF, #AFE9D2, #6EAF94, #2A7361, #104635)
• Softworn Bronze Delta color palette (#FEF4E4, #D3CAB1, #AF9775, #9C6735, #504900)

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