Azure Harbor color palette — #FFF2EB · #72DCF6 · #0096D7 · #007465 · #123162

Cerulean takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#72DCF6): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0096D7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007465): A full-bodied, balanced teal — the color of sea glass.
• Navy (#123162): 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 Harbor 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

• Ancient Pier color palette (#FFF3E7, #9BD1FF, #5A84F6, #00707D, #32295C)
• Tempered Azure Corridor color palette (#FCF3EF, #A4E0EC, #49A0CC, #007E69, #49304A)
• Weathered Azure Studio color palette (#ECF9EF, #CCE3F8, #00A7E1, #007270, #002644)
• Gentle Cobalt Dune color palette (#FFF2EB, #6AC7DD, #0074B4, #005841, #202871)
• Soft Veranda color palette (#FEF1F9, #94E8FF, #50B2FF, #009B78, #21227B)
• Misty Ultramarine Thicket color palette (#F8E8D8, #50A9EE, #3C5EBF, #004951, #15023E)
• Airy Terrace color palette (#D2FFE8, #6EF9FF, #77C2FF, #75880F, #004239)
• Dusty Delta color palette (#FBF3EE, #C1E4F3, #8EB5DD, #728F6F, #604B5B)

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