Azure Harbor color palette — #F0F8F1 · #D2DFFD · #329ADB · #00696E · #001D43
Built around Cornflower, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F8F1): bright and airy, almost weightless.
- Powder Blue (#D2DFFD): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cornflower (#329ADB): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00696E): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#001D43): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Hushed Periwinkle Study color palette (#F1F7F2, #DCDFEA, #76AAE4, #007C8E, #1E2C53)
- Wandering Cobalt Summit color palette (#EEF8F0, #AAD0F6, #4A76CF, #004E63, #090034)
- Aged Petrol color palette (#F7EDDE, #6CBDDE, #006FA6, #004F53, #142E50)
- Hushed Ultramarine Summit color palette (#DBE5DD, #83A6C5, #004EAF, #002A34, #00000B)
- Muted Petrol color palette (#E7F1E9, #89C2CC, #007291, #003E39, #000307)
- Muted Cerulean Workshop color palette (#F1F7F2, #DBDFEA, #AED0F1, #45A1AD, #3F4E64)
- Wandering Peony color palette (#FAF1FF, #E15B93, #7D8C00, #0073A4, #1F000D)
- Plum Alley color palette (#F9F2FF, #E18BB4, #08AD87, #AE0072, #001E15)
Browse the whole catalog at Explore, or see today's palette.