Lagoon Pier color palette — #EFF7F9 · #D4DDE9 · #B6B3C9 · #3B9A9C · #203137

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

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D4DDE9): a clean, paper-quiet neutral.
• Ash (#B6B3C9): A luminous, dusty violet — the color of wild irises.
• Cerulean (#3B9A9C): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#203137): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Tempered Harbor color palette (#F0F6FA, #D7DAE4, #CAC0C7, #67A9BE, #384145)
• Aged Cobalt Ridge color palette (#EDF7FF, #D8D9E3, #BEA5AD, #0086C9, #132637)
• Weathered Dune color palette (#EEF7F9, #D5D9E3, #A9B4C5, #1D726A, #2F3D40)
• Timeworn Ash Lagoon color palette (#EDF7FF, #BFD8F8, #8C9DC2, #726485, #45374C)
• Cobalt Summit color palette (#D7FFFB, #34CBE7, #0088BF, #623D81, #072533)
• Aged Navy color palette (#DFE5ED, #B1BBCF, #8691B1, #07308D, #000105)
• Emerald Market color palette (#E7FAF3, #BCDCA0, #67995E, #3B6D6D, #082F28)
• Antique Denim color palette (#E7EFF6, #C1D2E2, #8DA9C8, #005572, #000306)

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