Lagoon Alley color palette — #EEF7F6 · #D4DDEC · #8EB7D2 · #589198 · #3B566A

Storm Blue and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D4DDEC): A whisper-light, dusty violet — the color of wild irises.
• Ash (#8EB7D2): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#589198): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#3B566A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

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

• Wandering Basin color palette (#F9F3F7, #D6E0F1, #729FC1, #267E73, #44536A)
• Sky Villa color palette (#ECF7FF, #6EBCE4, #AC99D4, #62A188, #2E4556)
• Dusty Petrol color palette (#D5E3E1, #6CBFD3, #0081A1, #00585D, #002332)
• Cerulean Corridor color palette (#EAF8FF, #8CD0E4, #A9B97E, #4299B0, #27574A)
• Tempered Lagoon Lantern color palette (#E1F3EF, #9ACEDB, #00999F, #006E5E, #00353B)
• Denim Thicket color palette (#D3E3E1, #689AB3, #005F8B, #003A46, #000A17)
• Antique Taupe color palette (#EBFAED, #B7D3BF, #84A589, #647C63, #3A4D42)
• Gentle Periwinkle color palette (#E8F9F8, #BAE0FF, #4C9FF4, #007DA4, #1C3E74)

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