Lagoon Alley color palette — #ECF3F6 · #D2D7DD · #AEACB8 · #329394 · #2F383A

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

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D2D7DD): bright and airy, almost weightless.
• Ash (#AEACB8): a calm mid-gray that lets other colors speak.
• Cerulean (#329394): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#2F383A): quiet, heavy and certain.

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

Use it as a design system

One click turns Lagoon Alley 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

• Lagoon Atelier color palette (#F2F7F1, #D2DDDC, #A7ACB9, #528E89, #4F544E)
• Antique Lagoon color palette (#EBF4F1, #A7CCC4, #598E87, #3B6B6B, #193732)
• Cobalt Field color palette (#EEF2F8, #D7D6DF, #BFB9CA, #5A75A7, #252D37)
• Worn Station color palette (#E0F7F7, #80B5C7, #547D9E, #673F77, #162F3F)
• Aged Navy color palette (#DCE5EE, #AAB4C2, #818EA6, #00447D, #000B1C)
• Ancient Spruce Meadow color palette (#DDE8EC, #7F909A, #576F7E, #003036, #000203)
• Pewter Boulevard color palette (#E8F3FF, #BCCAE3, #8A93B1, #786586, #4F3C51)
• Wandering Corridor color palette (#E8F4FA, #C4D5F5, #7CDDF5, #58A9E0, #122F40)

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