Lagoon Pier color palette — #E9F8FF · #D0DAF4 · #B7C0F3 · #369298 · #1F4457

Cerulean and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Powder Blue (#D0DAF4): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B7C0F3): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#369298): A luminous, balanced blue — the color of open sky before noon.
• Navy (#1F4457): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, muted, cool.

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

• Muted Courtyard color palette (#EDF6FF, #D8D9E3, #DBB3D2, #77A1BA, #3A4A5A)
• Ancient Cypress color palette (#E7F9FF, #B3DDFF, #A9A3DA, #008063, #264353)
• Dusty Lagoon color palette (#DBFDFF, #ADE7F6, #7CD6DC, #5C9D78, #1F4449)
• Cobalt Grove color palette (#F0F5FF, #D4DDFF, #B9AAFF, #2A7DC5, #24386C)
• Periwinkle Summit color palette (#C9E4F0, #8DC4EF, #76A4F6, #00758B, #062B42)
• Quiet Powder color palette (#DBEDFF, #8BB1FF, #8187CE, #006289, #001433)
• Mallow Basin color palette (#EBEDFF, #F1C8F9, #E69FD6, #7A6AAB, #412A4F)
• Mint Studio color palette (#E1F1FE, #85C791, #2E6A8D, #033A55, #0A1822)

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