Lagoon Pier color palette — #FAF2FB · #D2D4E4 · #7CC7E4 · #5C9066 · #304154

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

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Silver (#D2D4E4): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#7CC7E4): A luminous, balanced blue — the color of deep harbor water.
• Fern (#5C9066): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#304154): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Washed Aqua color palette (#F6F6EB, #C1E7DC, #7BCDD5, #5EA89B, #14505B)
• Aged Sky color palette (#FDF1F9, #D1D6E9, #5AAFE6, #387E60, #1E2E4A)
• Quiet Coast color palette (#E7F9FF, #4EEDFC, #F89DA7, #309AA4, #462E49)
• Hushed Cypress Drift color palette (#FBF3EF, #CCE4CC, #3998AF, #21734D, #255144)
• Faded Seafoam Quarry color palette (#E4FAFF, #38E9E1, #DB7A4F, #A6814B, #152F35)
• Wandering Coast color palette (#FAE8F7, #60C9D5, #00709B, #004025, #000111)
• Wandering Seafoam color palette (#E1FFDC, #6BF8C6, #00B7B6, #31819C, #244056)
• Weathered Meadow color palette (#E9F8FF, #CAE0F1, #3EACC9, #0B6C80, #001E24)

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