Azure Harbor color palette — #FFF2EC · #9AEAF6 · #00AADE · #008569 · #17416B
Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#9AEAF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#00AADE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#008569): A full-bodied, balanced teal — the color of sea glass.
- Navy (#17416B): 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 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
- Hushed Sky Lantern color palette (#EAFAED, #D1E5F3, #4CBEE3, #00897C, #003956)
- Aged Hollow color palette (#FFF3E8, #B8E1FF, #6198FF, #00818B, #3B3A63)
- Quiet Chapel color palette (#F5ECE7, #90D0E2, #008FD2, #006D61, #152C56)
- Frosted Jade color palette (#FBF2F9, #A2F4FF, #4FC3FF, #1DAA6F, #253D71)
- Muted Teal color palette (#D8F1E6, #00C9BB, #009DAA, #007192, #104770)
- Dusty Powder color palette (#FAF4F0, #CCE8E7, #85B7E4, #4A958F, #5E4C5A)
- Tempered Loft color palette (#EFE1DA, #5EB1B8, #00718F, #004C37, #001528)
- Muted Bloom color palette (#DEFFE5, #E2E6F7, #C6B9FF, #16A994, #224E3F)
Browse the whole catalog at Explore, or see today's palette.