Lagoon Alley color palette — #FBF4ED · #C7E9DF · #A2ADE9 · #009FA5 · #423157

A conversation between Cerulean and Mauve, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Honeydew (#C7E9DF): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#A2ADE9): A luminous, balanced violet — the color of wild irises.
• Cerulean (#009FA5): A luminous, balanced teal — the color of glacier melt.
• Navy (#423157): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Gentle Periwinkle color palette (#FFF2EA, #ACE3FE, #74ABFF, #00998A, #32236B)
• Patina Jade Courtyard color palette (#FBF3F0, #C5E9E2, #80C7F0, #5EAB82, #593D56)
• Antique Workshop color palette (#F9F4EF, #C8DDEA, #DEBAD5, #58B3B2, #644A55)
• Periwinkle Orchard color palette (#EFF8F0, #BDD8F1, #6995DE, #007892, #30375E)
• Frosted Coast color palette (#FFF2ED, #AEF3F8, #43C5FD, #00AC63, #193D78)
• Amber Field color palette (#FDEBDA, #F0B06E, #73B4FF, #CD7B00, #043565)
• Tempered Cobalt color palette (#FDEDF2, #A2CDF1, #6A78B1, #005B5D, #1C1D3A)
• Hazy Pine color palette (#EADCD8, #AAC9AC, #00A0CD, #00833B, #001E43)

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