Azure Harbor color palette — #EDF7FF · #3AA3F3 · #0066A0 · #003A5C · #00243C
A conversation between Cornflower and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Cornflower (#3AA3F3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#0066A0): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003A5C): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#00243C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.
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
- Washed Workshop color palette (#DFF8FF, #00B1CE, #006A7B, #003F4A, #00282F)
- Frosted Field color palette (#E9F4FF, #7CC1F8, #2C8BCA, #005584, #002240)
- Ancient Studio color palette (#EEF0FF, #949AFF, #525AB7, #2A2F6D, #181847)
- Aged Periwinkle color palette (#EDF6FF, #C5DCFF, #9EA6E1, #46728C, #2E4259)
- Sapphire Hollow color palette (#D4E5FF, #1E71F3, #003A8E, #001840, #00061C)
- Tempered Mallow color palette (#F3F4FF, #D2B6F6, #8B75A9, #594871, #30314D)
- Feathered Mulberry Villa color palette (#F3F4FF, #A786DA, #913672, #5D398B, #1D1327)
- Tempered Indigo color palette (#E8EEFF, #6852E4, #993D55, #004F54, #1E253B)
Browse the whole catalog at Explore, or see today's palette.