Azure Harbor color palette — #CDE5F2 · #08ABF4 · #006FAE · #004580 · #002359
Built around Cornflower, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#CDE5F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#08ABF4): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006FAE): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004580): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#002359): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Softworn Ultramarine Atelier color palette (#DAE5EF, #6094E5, #355FBA, #2C357C, #191746)
- Linen Cobalt Loft color palette (#B7E8FF, #4EC0FF, #008DD5, #0064AC, #093D7A)
- Gentle Ultramarine Atelier color palette (#E1FBFF, #73DBFF, #14A3F9, #255DCB, #2C3070)
- Aged Ultramarine Grove color palette (#D5F5F9, #00B3DF, #0074AF, #003AC9, #333685)
- Washed Turquoise color palette (#C3E7E7, #00ACB9, #007E8F, #004C5D, #002B39)
- Feathered Navy Cabin color palette (#ECF2FF, #8AB0FF, #396AD2, #04288D, #000341)
- Faded Indigo color palette (#DDE4FF, #939ADE, #746DBA, #514080, #2F1F45)
- Aged Harbor color palette (#D7FBF1, #2D9DF8, #009D48, #005E9E, #00290E)
Browse the whole catalog at Explore, or see today's palette.