Lagoon Pier color palette — #F2F7F1 · #D1DCDA · #ADC3C6 · #009489 · #353D32

Fern and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D1DCDA): bright and airy, almost weightless.
• Stone (#ADC3C6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#009489): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#353D32): 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 Cypress Market color palette (#EFF7F9, #D2DAE3, #A1B7C2, #007370, #323D40)
• Hushed Driftwood color palette (#FEF4E4, #BFB58B, #678C5E, #257169, #37352F)
• Wandering Delta color palette (#E3EAE3, #B9C8C0, #B19DB2, #006F70, #132414)
• Cornflower Hollow color palette (#FAF2FA, #E3D6D6, #DBB8AF, #5584D9, #493A48)
• Tempered Cerulean color palette (#E0F1E6, #0090A7, #4E3651, #0E2819, #081007)
• Cocoa Lantern color palette (#D9EAC9, #A2BEAA, #7E94BF, #7E633F, #5D4400)
• Ancient Cobalt Archive color palette (#FEEADC, #3BB8A2, #0081B7, #863E00, #00383B)
• Teal Atelier color palette (#E9F7E6, #00ACA1, #8E5A9B, #7B3C00, #422200)

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