Azure Harbor color palette — #F3F7EA · #B5E2FF · #4EA2E7 · #007E9E · #204168
Built around Cornflower, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7EA): a clean, paper-quiet neutral.
- Powder Blue (#B5E2FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#4EA2E7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#204168): A deep, shadowed, dusty 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
- Cornflower Canyon color palette (#F2F8E9, #9CD1FF, #1C8CFA, #006C92, #082D71)
- Hushed Turquoise color palette (#F6F6EA, #ABE8E8, #00B0BE, #008477, #004854)
- Muted Petrol color palette (#E2E6D5, #75A9C7, #006CA6, #004858, #00142B)
- Powder Summit color palette (#FFF1F6, #CAE9FF, #8AB7FF, #00A4AD, #39396C)
- Hazy Cobalt Balcony color palette (#FFF3E8, #ABDAC9, #4E7DD0, #00656C, #393771)
- Petrol Alley color palette (#E3E5D5, #94BDA1, #00829E, #00595B, #002331)
- Faded Lime Workshop color palette (#FAF7D9, #9CBE32, #00ACD2, #698300, #004252)
- Muted Moss Pier color palette (#DAF6C8, #68B300, #00A3A8, #B06B00, #1F3904)
Browse the whole catalog at Explore, or see today's palette.