Soft Lagoon color palette — #EDF6FF · #80C7FF · #E67CC1 · #217CBA · #401532

A conversation between Bubblegum and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#80C7FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Bubblegum (#E67CC1): A luminous, balanced pink — the color of neon signs at night.
• Cerulean (#217CBA): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#401532): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Patina Indigo color palette (#F0F5FF, #ACBAFF, #ED818E, #5E6BCC, #47121C)
• Weathered Drift color palette (#F0F5FF, #C2D3FF, #F79CB2, #7087C5, #442F4A)
• Hushed Aqua Garden color palette (#E6F9FF, #00D9DE, #AB94F1, #00878A, #2B1D4B)
• Softworn Periwinkle color palette (#EEF6FF, #60A9FF, #BA78CA, #0F9189, #091C31)
• Timeworn Byzantium Summit color palette (#F5F3FF, #DF7FE9, #00A0CF, #91349B, #001C27)
• Faded Indigo color palette (#F2F5FF, #BAB5FF, #00BEB9, #7265C8, #002F2D)
• Azure Alley color palette (#E2F1FE, #7CC7FF, #E3A156, #3B99D8, #4D2D00)
• Timeworn Boulevard color palette (#EEF6FF, #DCD8E3, #BAADA6, #72A2C6, #203047)

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