Azure Harbor color palette — #EAF8FF · #92D1F3 · #6B9ECA · #56739D · #414E69

Blue Fog and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Sky (#92D1F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#6B9ECA): A luminous, balanced blue — the color of deep harbor water.
• Slate (#56739D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#414E69): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Periwinkle Field color palette (#EFF6FF, #C4D8FF, #8CA1D4, #526998, #263957)
• Hushed Ridge color palette (#CCFCFF, #8CD9CA, #4DB4B8, #317E88, #335262)
• Washed Harbor color palette (#EEF6FF, #9EC8F7, #D3A974, #6290C1, #3D543C)
• Sky Parlor color palette (#E5FDE4, #98E6FC, #73BBFD, #798FC9, #684C5B)
• Hushed Thicket color palette (#EFF6FF, #DBD8E2, #BAADA6, #8EAFC8, #444C5C)
• Pale Indigo color palette (#D9E5F8, #939DF1, #8272D7, #6A4699, #4B2E56)
• Navy Garden color palette (#C2E7FA, #0078B3, #004389, #070073, #0B0032)
• Wandering Taupe color palette (#EFF6FF, #90B3E7, #D58F90, #7B9E6F, #344457)

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