Azure Harbor color palette — #D7E7F4 · #0099DD · #414D66 · #252F38 · #111A1D

Cerulean takes the lead with Charcoal Brown close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7E7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0099DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#414D66): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#252F38): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#111A1D): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Worn Lagoon Basin color palette (#CCEBF3, #00A4A0, #39505F, #1D3136, #0F1B1B)
• Weathered Iris color palette (#EBF2FF, #7B93F7, #56566B, #343841, #1D2227)
• Timeworn Azure color palette (#E7FBF3, #60A6D5, #523F4F, #0C231C, #010704)
• Dusty Coast color palette (#D8E9E2, #5FB4E6, #846577, #325146, #141A14)
• Muted Drift color palette (#DAE7F1, #007AAE, #2A3147, #152029, #080D12)
• Ancient Archive color palette (#E8F0FF, #186BF8, #3D2C5E, #071A34, #000811)
• Weathered Iris color palette (#F1F5FF, #8E9BFC, #B3953A, #858C4D, #30384A)
• Tempered Violet Courtyard color palette (#E3E6F5, #935CFF, #583855, #21243C, #0B121C)

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