Worn Azure Harbor color palette — #E9F9F8 · #BBE0FE · #4FA2E7 · #007E9E · #18406F
A conversation between Cornflower and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9F9F8): bright and airy, almost weightless.
- Powder Blue (#BBE0FE): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#4FA2E7): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007E9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#18406F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Worn 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
- Turquoise Pier color palette (#E9F9F6, #A7E8F0, #00AEC9, #008380, #00475A)
- Softworn Cornflower color palette (#EAF9F8, #99D2FF, #108EF7, #006D90, #062E6D)
- Petrol Courtyard color palette (#D9EEEC, #6EAACA, #006DA3, #004857, #00152A)
- Wandering Powder Summit color palette (#FFF3E8, #C9EAFF, #89B8FF, #00A4AC, #38396A)
- Muted Lagoon Harbor color palette (#EFF7F5, #CFE0F2, #76BFC6, #4B9689, #3B5764)
- Rose Summit color palette (#EAE8FF, #C07BD9, #FC3A49, #007FDD, #421F4E)
- Powdered Bloom color palette (#F2F4FF, #B79AFB, #00B1B9, #8E35FE, #004447)
- Iris Atelier color palette (#F5F4FF, #FFD3DE, #FFB7DC, #9872CD, #5A335B)
Browse the whole catalog at Explore, or see today's palette.