Azure Harbor color palette — #EBE1E7 · #7FCDE3 · #2E9BDA · #007E70 · #071D45
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#EBE1E7): bright and airy, almost weightless.
- Sky (#7FCDE3): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#2E9BDA): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007E70): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#071D45): A deep, shadowed, balanced violet — the color of wild irises.
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
- Tempered Alley color palette (#E9D9E3, #7AD2CC, #00A4BA, #008246, #002333)
- Quiet Cornflower Ridge color palette (#F1D9E2, #89B6D6, #4C7FDE, #006C74, #12063C)
- Ancient Archive color palette (#F6EBF0, #A7DBFA, #7AA7E3, #009094, #262950)
- Petrol Orchard color palette (#E9EDDB, #74BED3, #0080A5, #00585F, #002334)
- Misty Emerald Meadow color palette (#FEF1F9, #7CF0EB, #00BFDC, #009E5B, #003850)
- Ancient Atelier color palette (#EBDCD3, #66A7BA, #005E8C, #003A33, #000727)
- Worn Cornflower color palette (#E0F5EB, #B5B72D, #3E73E9, #757600, #000D53)
- Muted Teal color palette (#FDF2F7, #D6DFF7, #97C2EE, #56A8A4, #374768)
Browse the whole catalog at Explore, or see today's palette.