Azure Lagoon color palette — #ECF8F7 · #B6E1FF · #54A1E4 · #007D9F · #164072

Cornflower and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Powder Blue (#B6E1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#54A1E4): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007D9F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#164072): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

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

• Weathered Turquoise Villa color palette (#ECF8F6, #A8E8F0, #00AECA, #008380, #00475A)
• Timeworn Balcony color palette (#E6FAF9, #9BD1FF, #168DF8, #006D91, #0C2F6B)
• Petrol Garden color palette (#D3E3E2, #77A9C6, #006CA6, #004759, #00142B)
• Weathered Alley color palette (#FCF3EB, #C9E9FF, #8AB7FF, #00A4AD, #3A3B62)
• Timeworn Lantern color palette (#EFF7F5, #CFE0F2, #7DBEC4, #469689, #3A5764)
• Washed Lagoon Lagoon color palette (#E6F1EE, #9FCDD8, #00999D, #006E5B, #00353A)
• Raspberry Market color palette (#FBF1FF, #FB80AA, #6298FF, #D70073, #163676)
• Violet Pier color palette (#F7E3FF, #EC6895, #C87B00, #8D4FF7, #4F1C2E)

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