Azure Harbor color palette — #FDF3EE · #BEE7C9 · #00A9E2 · #00856C · #144070

Cyan takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#BEE7C9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00A9E2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00856C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#144070): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Sky Loft color palette (#FEF1FA, #D0D7EA, #0CBEFA, #008B70, #11365C)
• Azure Field color palette (#FFF2EB, #84D9EF, #0097D6, #007465, #002E71)
• Tempered Periwinkle Pier color palette (#FDF3EA, #B9E0FF, #6898FA, #00818C, #3C376C)
• Aged Quarry color palette (#FAF4F0, #C3E7DD, #6CB0C3, #0C915E, #285144)
• Aqua Terrace color palette (#F5F7E9, #ACF2FF, #00CAF3, #00A5A8, #00475D)
• Dusty Cabin color palette (#F9EAE4, #72ADB4, #007191, #004C38, #001529)
• Pale Ultramarine color palette (#E7DDD5, #6699BA, #0E51B4, #003B3E, #08002A)
• Patina Sapphire Lagoon color palette (#F1E9E2, #8FB6D6, #476ECF, #005861, #1E1447)

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