Hazy Harbor color palette — #D5F2FF · #0084BE · #004A7D · #00235B · #040050

Deep Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D5F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0084BE): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004A7D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00235B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#040050): 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 Hazy 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

• Cerulean Summit color palette (#D0F6FC, #0089A5, #004E69, #002940, #00152C)
• Hazy Field color palette (#D0F2EB, #00839B, #004C78, #0C0074, #060015)
• Powdered Ultramarine color palette (#D3EFFC, #00A9ED, #0085D3, #0053B4, #060053)
• Wandering Navy Hollow color palette (#CEF0DE, #006E9D, #003785, #41003E, #00172B)
• Nightshade Loft color palette (#D5E9FD, #2469C7, #1E1DA2, #150050, #0A0026)
• Nightshade Veranda color palette (#DDF3F1, #009FB9, #0069A4, #1E00AF, #1B003F)
• Muted Abyss color palette (#E3EFF5, #A9BCC9, #7B91A4, #004D5D, #08222E)
• Pale Bloom color palette (#E2E6F4, #796EE1, #552D96, #330056, #21002E)

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