Azure Harbor color palette — #DDF8FF · #6CCDE9 · #3B97DC · #535AA8 · #472B6F
Cornflower takes the lead with Slate close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#DDF8FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#6CCDE9): A luminous, balanced blue — the color of deep harbor water.
- Cornflower (#3B97DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#535AA8): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#472B6F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Grape Balcony color palette (#D6F3FF, #96C3F6, #8689E0, #7552A3, #5C1F55)
- Turquoise Thicket color palette (#CCFFFF, #64D1CA, #00A8BE, #006C9C, #283172)
- Soft Sky Hollow color palette (#E6F7FF, #5BB8EE, #3E7EB7, #285089, #243374)
- Weathered Aubergine color palette (#B9FFE3, #92E3F0, #79B5EE, #7677C4, #522066)
- Weathered Field color palette (#ECFAEC, #4EC4D6, #6783CD, #7E5C25, #2A404F)
- Tempered Aubergine Atelier color palette (#D1F4F5, #008EB7, #0050A0, #320080, #170023)
- Worn Grape color palette (#E1F2F5, #37B0FD, #3B6BFF, #5F00BC, #40004D)
- Washed Azure Loft color palette (#D8E7F4, #0697E7, #434C66, #212F3C, #121A1D)
Browse the whole catalog at Explore, or see today's palette.