Azure Harbor color palette — #E4FBF9 · #8DD5FF · #0094E3 · #006E88 · #003361
Built around Azure, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#E4FBF9): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#8DD5FF): A whisper-light, balanced blue — the color of deep harbor water.
- Azure (#0094E3): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003361): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Cerulean Study color palette (#E7FAF6, #6EDEEC, #009DB6, #007270, #003949)
- Azure Garden color palette (#F3F8E8, #D9E2F5, #14A1F8, #006E89, #00254A)
- Quiet Cobalt color palette (#E2EFEF, #87B8DD, #2177C3, #005570, #001C49)
- Faded Periwinkle color palette (#FEF3E9, #AFE2FF, #6EADFF, #00979A, #282968)
- Timeworn Teal Workshop color palette (#D8EEE9, #4BA2A3, #00646D, #003C35, #000C0F)
- Washed Veranda color palette (#ECF8F5, #C5E1FB, #71B2B5, #40897A, #294D5B)
- Linen Rose color palette (#F7DADF, #F52E77, #AF7100, #863DDB, #47031D)
- Patina Bronze color palette (#FED0DE, #CF9A44, #A66700, #7C4100, #362600)
Browse the whole catalog at Explore, or see today's palette.