Azure Harbor color palette — #D9FEFF · #83DFFF · #0EB1F1 · #4572B1 · #51334A
Cyan takes the lead with Slate close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#D9FEFF): A whisper-light, dusty teal — the color of shallow lagoons.
- Ice Blue (#83DFFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cyan (#0EB1F1): A luminous, balanced blue — the color of deep harbor water.
- Slate (#4572B1): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#51334A): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Soft Sky color palette (#D2F4FF, #7BD8FF, #53B8ED, #4E89B7, #364D67)
- Hazy Periwinkle Ridge color palette (#DAFFEF, #BCDCFF, #7C9FFF, #6D61AA, #432F51)
- Faded Orchard color palette (#E5FBF3, #AADBFF, #EEAC54, #0093D9, #4C330F)
- Weathered Turquoise Dune color palette (#D9FFF1, #6EEBD9, #00BAC9, #007593, #16473A)
- Cerulean Coast color palette (#C7E9E5, #4CBCD7, #1888B8, #274D86, #202545)
- Softworn Powder Coast color palette (#DAFFEF, #D2E6FF, #98AEFF, #807CB3, #674B55)
- Muted Periwinkle color palette (#FFF0FE, #DDDAF0, #689DF5, #2E6099, #04203F)
- Soft Navy Thicket color palette (#D9EBEE, #0095C2, #004E7D, #0E0066, #030013)
Browse the whole catalog at Explore, or see today's palette.