Hazy Lagoon color palette — #E2F6FF · #4BEDAE · #00C5E3 · #416AFF · #00212E

Sapphire and Lagoon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E2F6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Lagoon (#4BEDAE): A whisper-light, vivid teal — the color of sea glass.
• Cyan (#00C5E3): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#416AFF): A full-bodied, vivid violet — the color of wild irises.
• Midnight (#00212E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

One click turns Hazy 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

• Violet Lagoon color palette (#E5F4FF, #22E7CE, #32C4FB, #8B5BFF, #001C2F)
• Feathered Loft color palette (#D9EEFA, #44D3B9, #00A9D2, #5F50EE, #000D17)
• Chartreuse Basin color palette (#D8F9FF, #ADEE6B, #00CFB2, #0087BF, #002325)
• Airy Delta color palette (#E9F8FF, #00E5E7, #00C0E0, #008AC4, #003B4B)
• Airy Seafoam color palette (#DEFFE9, #69FFB5, #40DAFB, #7D98FF, #003C51)
• Frosted Study color palette (#C4E8EF, #00ACE1, #0074CF, #1A07C1, #280D5D)
• Hazy Magenta color palette (#EBF2FF, #43C4FD, #7887FF, #CF00B4, #1A0038)
• Muted Grape Studio color palette (#D8E9F9, #00B1B7, #0083CD, #7000C0, #00031D)

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