Lagoon Pier color palette — #F1F7F0 · #CDDDDB · #ACC3C6 · #498E87 · #363D35

A conversation between Fern and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Silver (#CDDDDB): bright and airy, almost weightless.
• Ash (#ACC3C6): A luminous, dusty blue — the color of deep harbor water.
• Fern (#498E87): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#363D35): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Boulevard color palette (#F1F7EF, #CEDDDC, #BDADBC, #207268, #353D32)
• Teal Villa color palette (#EEF7F9, #D5D9E3, #C0BFD6, #25B7A8, #293F43)
• Softworn Ash Hollow color palette (#EEF8F4, #DFD4D1, #A6A89E, #6F9CA1, #4B5552)
• Ancient Lagoon color palette (#FDF4E5, #B0BB83, #5A9058, #556A52, #37362F)
• Weathered Cobalt color palette (#FAF2F9, #ECD4D4, #D6B9B1, #6685C4, #4A3A48)
• Weathered Chestnut Harbor color palette (#DEEFEC, #86C5E2, #8987B4, #895821, #5D3500)
• Cerulean Garden color palette (#DBE9E0, #008FAA, #28415F, #13261C, #090F08)
• Timeworn Cypress color palette (#E8F3E8, #B3CBBF, #B59AB6, #006F71, #162316)

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