Azure Lagoon color palette — #EEF4EF · #BDE2FA · #3D95D1 · #0E6B71 · #1B2D44

Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Powder Blue (#BDE2FA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3D95D1): A luminous, balanced blue — the color of deep harbor water.
• Teal (#0E6B71): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1B2D44): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Tempered Cobalt Quarry color palette (#EDF4EE, #AFCBE5, #527CBD, #00596C, #121F3C)
• Timeworn Teal color palette (#DFEBE1, #4AAEAE, #006470, #003B2C, #000D13)
• Muted Coast color palette (#FBF3EE, #BFE7D3, #638DBF, #346E62, #573F4E)
• Weathered Navy color palette (#E3F2E6, #5691B6, #00498A, #002B32, #01001E)
• Ancient Station color palette (#DDE8DF, #298695, #004256, #00201D, #000103)
• Faded Peony Ridge color palette (#E2F7F8, #5FB79C, #D06296, #00765D, #301E3C)
• Tempered Powder color palette (#FBF2F7, #D7D4E0, #93BEF4, #449282, #363E57)
• Wandering Lagoon Corridor color palette (#DAF8FF, #67CBC3, #008F81, #004942, #001E1B)

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