Hazy Harbor color palette — #DDE1D2 · #7ABAE0 · #007BBE · #00566B · #001F40

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

The five colors

• Bone (#DDE1D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#7ABAE0): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007BBE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00566B): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#001F40): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Washed Petrol color palette (#EBECE0, #7FBEC4, #008396, #005956, #00242E)
• Azure Study color palette (#DEECE0, #99C7E2, #4196E7, #007B8A, #091A49)
• Denim Villa color palette (#E8DDD4, #58A9D4, #0054AB, #003E3F, #171748)
• Washed Bloom color palette (#FDF3EB, #A5D3EE, #4C78C9, #00524C, #0F002E)
• Patina Denim Basin color palette (#DFE3D2, #5D9BBA, #005E8B, #003A46, #000A17)
• Powdered Cerulean Harbor color palette (#F5F7E5, #60DFF1, #009DB8, #007272, #00394A)
• Antique Periwinkle color palette (#F2F8E8, #B9E0FF, #399FFE, #007DA3, #233F6B)
• Muted Moss color palette (#F1EFDA, #729500, #00829E, #465C00, #001F27)

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