Azure Harbor color palette — #F7EBE6 · #7CCFD9 · #05A0CD · #008062 · #00203D

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

The five colors

• Cream (#F7EBE6): bright and airy, almost weightless.
• Ice Blue (#7CCFD9): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#05A0CD): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008062): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Antique Azure color palette (#EADBCF, #92C8E6, #4A93EC, #007D7E, #16154C)
• Periwinkle Terrace color palette (#F7ECE5, #A7DDF1, #62ACE6, #009288, #1C2B53)
• Wandering Petrol Balcony color palette (#D2E4E1, #6EC0CB, #008398, #005957, #00242E)
• Ancient Moss Archive color palette (#DBE4BC, #85DCD0, #6FC2EF, #798B19, #003028)
• Denim Harbor color palette (#F1E2ED, #67A9B0, #00617E, #003B2B, #000B1B)
• Hushed Parlor color palette (#D3F5E0, #00CA92, #009B77, #006341, #000B05)
• Hushed Powder Orchard color palette (#FBF3EF, #BFEDE9, #87C6EE, #59A99A, #593C58)
• Feathered Magenta color palette (#DEE6C8, #55CB81, #C064CE, #00713B, #2F0036)

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