Lagoon Pier color palette — #FBF2F6 · #DAD4E3 · #95B3DD · #499497 · #48526A

Storm Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#DAD4E3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#95B3DD): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#499497): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#48526A): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, 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

• Dusty Powder Corridor color palette (#EFF7F6, #D8DCE9, #A0CCF1, #74ABBF, #455465)
• Softworn Villa color palette (#E8FAF4, #BBCD91, #B1A9DF, #81964C, #444B6B)
• Hushed Coast color palette (#F3E7EA, #6F97B9, #37529F, #003A42, #0B0027)
• Quiet Lagoon color palette (#F5E9EF, #79BBDB, #2877C2, #005958, #131848)
• Timeworn Pier color palette (#FDF1F8, #B5DBEF, #529ECF, #0D7D70, #273A5C)
• Teal Meadow color palette (#EDE0E9, #4FB4B1, #007385, #004D2B, #001623)
• Ancient Balcony color palette (#FFF0F8, #E4BFCB, #B290A3, #846B83, #3A4D3F)
• Softworn Stone Corridor color palette (#E5FBF3, #A8BA7B, #A89BD3, #AC7D94, #304841)

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