Lagoon Pier color palette — #F1F7F2 · #D7DEEE · #95B5D1 · #4F9397 · #445466
A conversation between Storm Blue and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D7DEEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#95B5D1): A luminous, dusty blue — the color of open sky before noon.
- Storm Blue (#4F9397): A luminous, dusty blue — the color of deep harbor water.
- Charcoal Brown (#445466): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: 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
- Hushed Cypress color palette (#FAF3F7, #D7DEED, #7B9CC4, #1B806F, #48526D)
- Tempered Cobalt Lantern color palette (#D5E6D8, #73BDD5, #007EB0, #005959, #00203E)
- Hushed Cerulean Hollow color palette (#E8F1E9, #8ED2D4, #0097AD, #006E59, #003345)
- Feathered Ultramarine Harbor color palette (#E2EEE4, #7AA7CB, #1963C1, #004856, #090148)
- Hushed Pier color palette (#FFF0F8, #EBB79C, #73BDD8, #B47E60, #325263)
- Timeworn Ash Harbor color palette (#FFF1F6, #C3E8EF, #ABBBD6, #BE9FB6, #465346)
- Apricot Parlor color palette (#FFF1F7, #E0A175, #67B6A3, #9689BB, #523A45)
- Aged Pewter Boulevard color palette (#FEF1F8, #DEC1CC, #B190A2, #876A81, #3E4C3F)
Browse the whole catalog at Explore, or see today's palette.