Azure Harbor color palette — #E9EFF6 · #D3D1DC · #C2B4D1 · #5795DE · #212F3F

Built around Cornflower, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Cream (#E9EFF6): bright and airy, almost weightless.
• Silver (#D3D1DC): bright and airy, almost weightless.
• Ash (#C2B4D1): A luminous, dusty violet — the color of twilight just after sunset.
• Cornflower (#5795DE): A luminous, balanced blue — the color of open sky before noon.
• Deep Teal (#212F3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Cobalt Boulevard color palette (#EAEFF4, #D3D7E4, #B8B3CD, #0076C2, #252F39)
• Lilac Dune color palette (#EDEEF5, #D9CFDA, #CAB1C3, #A478DF, #2B2C3B)
• Indigo Station color palette (#DEE3ED, #C4BCCB, #B49FB9, #656DF1, #191F2C)
• Faded Periwinkle Atelier color palette (#D5E2F8, #7A9CFF, #C75A7E, #746000, #002523)
• Violet Lantern color palette (#CEE5D2, #79AAFF, #986FD5, #8D5900, #1B1F47)
• Denim Lantern color palette (#EDE7ED, #D5C6D1, #B899A8, #2C5689, #1C121D)
• Moss Orchard color palette (#D6EADE, #B7BF91, #6FA14D, #2E7DA7, #282C00)
• Fuchsia Delta color palette (#EEF4FF, #A0D9FF, #C9B0EE, #D57EFF, #221B45)

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