Lagoon Pier color palette — #E7ECE3 · #B3C4C1 · #85B2B9 · #009677 · #1A2213

Fern takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#E7ECE3): a clean, paper-quiet neutral.
• Stone (#B3C4C1): a calm mid-gray that lets other colors speak.
• Ash (#85B2B9): A luminous, dusty blue — the color of deep harbor water.
• Fern (#009677): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#1A2213): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Terrace color palette (#EDEDE6, #B7C4BB, #8BB1A8, #6E8E00, #212014)
• Washed Cypress color palette (#DCE4E5, #B3C8D0, #8BAABA, #007161, #122225)
• Cerulean Chapel color palette (#DFE9E3, #D0BEC3, #C8A09F, #008FAC, #11241A)
• Abyss Study color palette (#E8F2F3, #A5B7BD, #7A91A2, #005042, #000E10)
• Aged Turquoise Hollow color palette (#F0F8F1, #C8DFE2, #D7C0E8, #00ACB9, #29372B)
• Jade Hollow color palette (#F4DBD0, #00B380, #1686C3, #8A2418, #001B1A)
• Dusty Turquoise Corridor color palette (#DEF0E1, #4BB7C9, #6E87C4, #85603B, #3A2409)
• Misty Olive Alley color palette (#EFE1D6, #BAA752, #5F8F29, #007370, #241900)

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