Lagoon Pier color palette — #E4FAFF · #D8DCE8 · #D1C1EE · #009CA0 · #002C3C

Cerulean and Lilac Frost set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#E4FAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Silver (#D8DCE8): a clean, paper-quiet neutral.
• Lilac Frost (#D1C1EE): A whisper-light, dusty violet — the color of a velvet chair.
• Cerulean (#009CA0): A luminous, balanced teal — the color of glacier melt.
• Midnight (#002C3C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged pastel, 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 Cobalt color palette (#F1F5FF, #E1D8E1, #FCBCFF, #008BCB, #1F214E)
• Tempered Emerald Bloom color palette (#D9FFF2, #BFE5F4, #C3B6B6, #399B52, #00372F)
• Patina Hollow color palette (#E0F6FF, #9FD0FF, #AB8CEC, #007767, #001F2E)
• Ancient Turquoise color palette (#D8FFF5, #E4DBE2, #D2C2BC, #50ADD2, #4F314A)
• Antique Grove color palette (#EBF7FF, #9FDBFF, #5DA5FF, #006F7E, #003850)
• Hushed Pier color palette (#F0F0CE, #FFAEDE, #7BC2FF, #00233D, #000503)
• Hushed Courtyard color palette (#FFF0F8, #EBD7FF, #EC9CD8, #3867AC, #220614)
• Stone Corridor color palette (#E7FAF2, #EDD6D3, #97C6BD, #AEA69A, #3E554E)

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