Hazy Harbor color palette — #D2E6EC · #009BCE · #006A9F · #004588 · #41196A

Built around Royal Purple, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Frost (#D2E6EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009BCE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006A9F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004588): A deep, shadowed, balanced blue — the color of deep harbor water.
• Royal Purple (#41196A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Azure Veranda color palette (#CCE4F0, #4ABEFF, #0096E6, #006ABE, #002D68)
• Ultramarine Bloom color palette (#BFE8EA, #00B6DB, #0086C3, #1941C9, #2A2483)
• Powdered Teal color palette (#CAEFE7, #00ABAB, #006C7A, #004F62, #203055)
• Worn Cabin color palette (#D0E7E9, #0094B2, #006A9E, #0708A7, #180056)
• Pale Dune color palette (#CAE5FF, #5897FF, #4E5EEB, #4F40A2, #492F6B)
• Muted Terrace color palette (#D1E8FF, #0088E5, #9D6000, #00508B, #432600)
• Wisteria Coast color palette (#EFF6FF, #C4C9FF, #C98DE6, #006A93, #2D385D)
• Sky Drift color palette (#DBFFED, #6EBEF4, #5D8FC6, #56678F, #5F4658)

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