Azure Harbor color palette — #F4F6ED · #AAE5FF · #00A8E9 · #008093 · #0F4367
Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6ED): bright and airy, almost weightless.
- Powder Blue (#AAE5FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#00A8E9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008093): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0F4367): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Tempered Harbor color palette (#F6F6E8, #A6E9E8, #00B0BB, #008474, #004953)
- Aqua Balcony color palette (#D3ECF1, #00C8EF, #0096C0, #006D95, #004060)
- Wandering Orchid Parlor color palette (#DAEEFF, #0DA4F7, #B956FB, #00927B, #003452)
- Timeworn Petrol color palette (#E0E2D7, #4FAFD0, #006F97, #004952, #001625)
- Cobalt Courtyard color palette (#FFF2EA, #8DDAFB, #1A83D5, #006763, #303D68)
- Washed Periwinkle color palette (#F4F6F0, #E3CBE6, #5F95EA, #22749F, #4D2E48)
- Timeworn Powder color palette (#F4F6EF, #C6E8EC, #8DB4E4, #5D8EA7, #5F4B5E)
- Azure Drift color palette (#EDF6FF, #8BCAFF, #0094E5, #005A96, #002745)
Browse the whole catalog at Explore, or see today's palette.