Lagoon Pier color palette — #F1F7EF · #D1DDD9 · #ABC9C3 · #00897C · #192116

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

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Silver (#D1DDD9): a clean, paper-quiet neutral.
• Stone (#ABC9C3): A luminous, dusty teal — the color of sea glass.
• Fern (#00897C): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#192116): 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

• Muted Cobalt Courtyard color palette (#F0F7F4, #D0DFE0, #D9C0C9, #0081AC, #0D231B)
• Weathered Teal Lantern color palette (#EBF0E8, #C8D6D3, #9AC5C7, #3BA78F, #283122)
• Washed Cypress Coast color palette (#F0F7F1, #CCDEDC, #A2C4B3, #006D76, #001104)
• Dusty Cerulean color palette (#D3EDDA, #008595, #312421, #002936, #000501)
• Forest Market color palette (#E5F1F3, #B5D2DA, #8FA5AD, #006359, #233033)
• Muted Dune color palette (#FBF5E3, #B4C384, #5F842D, #2B5E32, #161B00)
• Frosted Aubergine Studio color palette (#F3FAD7, #00B7C4, #007697, #4E0E92, #00161A)
• Chalky Thicket color palette (#E4FDE8, #62FFEF, #00D5E2, #00A6D7, #00181E)

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