Azure Harbor color palette — #E9EFF6 · #D2D1DD · #BDB5CC · #0799EF · #212F3D

Azure takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E9EFF6): bright and airy, almost weightless.
• Silver (#D2D1DD): bright and airy, almost weightless.
• Ash (#BDB5CC): A luminous, dusty violet — the color of twilight just after sunset.
• Azure (#0799EF): A luminous, vivid blue — the color of a favorite pair of jeans.
• Onyx (#212F3D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Cobalt Parlor color palette (#E9EFF4, #D1D8E5, #B5B4D2, #007AAE, #242F38)
• Dusty Iris Canyon color palette (#ECEEF6, #D9CFDC, #CBB1C7, #9680DF, #292D3E)
• Timeworn Peony Alley color palette (#D3E3F8, #65A1FF, #C95199, #855600, #002716)
• Linen Orchard color palette (#C8E8CE, #6DAEF7, #8C72DF, #945400, #132149)
• Worn Boulevard color palette (#E4EBF9, #6E82E6, #584A76, #252C51, #00040F)
• Airy Wisteria Market color palette (#EDF4FF, #A4E3FF, #9CBEFF, #CF86FF, #211F4D)
• Antique Petrol Boulevard color palette (#D7EBDB, #BFBE82, #829C53, #0081A6, #2C2A00)
• Aged Bronze Basin color palette (#E5ECFB, #B8B2E5, #B18CB1, #8A6937, #363703)

Browse the whole catalog at Explore, or see today's palette.