Azure Harbor color palette — #D2E6E6 · #06CBE8 · #00A1E6 · #3A7ECA · #2C395D
A conversation between Cornflower and Azure, giving this palette its sense of trust and stability.
The five colors
- Silver (#D2E6E6): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#06CBE8): A luminous, balanced blue — the color of open sky before noon.
- Cornflower (#00A1E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#3A7ECA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2C395D): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Pale Azure Courtyard color palette (#E5F9FF, #60D2FF, #009AD3, #01679C, #163653)
- Muted Periwinkle Market color palette (#C2E9FF, #96D3FF, #62AAFF, #747EC8, #404666)
- Linen Mint color palette (#DBF4E7, #17D5BD, #00B4BD, #0088A4, #0F3E58)
- Dusty Mustard color palette (#E0F1FE, #68CBFF, #F3AB21, #0092C8, #493000)
- Ultramarine Grove color palette (#C2E8EB, #00A4CF, #007EC7, #1849C1, #1A0E45)
- Periwinkle Study color palette (#E8F1FF, #AFD3FF, #62A3FF, #3470BD, #002048)
- Muted Courtyard color palette (#DAEDFF, #96B6FF, #8C8DFF, #8366BC, #492B4C)
- Tempered Byzantium Pier color palette (#CDE4F3, #85B5FF, #7C83FF, #8825E4, #511561)
Browse the whole catalog at Explore, or see today's palette.