Lagoon Pier color palette — #FBF2F9 · #D4D4E3 · #8BC3E4 · #569170 · #2E405A

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#8BC3E4): A luminous, dusty blue — the color of deep harbor water.
• Fern (#569170): A luminous, balanced teal — the color of sea glass.
• Navy (#2E405A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Softworn Lagoon color palette (#FBF2F6, #D8D4DF, #C2BDE5, #619F9A, #474B66)
• Muted Cypress Terrace color palette (#FCF2F8, #D6D4E0, #77AAE2, #00816B, #282A4E)
• Muted Stone Orchard color palette (#E8F8FF, #D7DBE6, #BDAEA7, #93BC9A, #3A5060)
• Muted Spruce Alley color palette (#EFE2F0, #67B1AB, #005F72, #052E02, #000104)
• Cerulean Study color palette (#FCF3EF, #CCE4D0, #1F95C8, #24734B, #573E55)
• Faded Cerulean Loft color palette (#EBF7FF, #90E2FF, #F69FA4, #0098BD, #57282C)
• Aqua Balcony color palette (#E9F8FF, #47CFE6, #E39372, #C37E61, #112F3B)
• Weathered Petrol color palette (#F6EAF2, #86C1D2, #006CAD, #003F30, #010014)

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