Hazy Harbor color palette — #D7F7F4 · #008C9D · #005169 · #302255 · #2B0C3B

A conversation between Cerulean and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D7F7F4): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008C9D): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005169): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#302255): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#2B0C3B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, muted.

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

• Hushed Navy Ridge color palette (#D5ECF6, #2D7AB0, #2A4789, #3D1341, #2E0B21)
• Softworn Cypress color palette (#CBEAD6, #00866C, #005A59, #162C49, #111534)
• Muted Grove color palette (#D8EBE9, #439DB4, #00516A, #002F33, #001623)
• Onyx Ridge color palette (#CAE6DB, #00757D, #094A6C, #48082A, #200001)
• Shadow Petrol Pier color palette (#E1F1FB, #007AA9, #003B55, #00101B, #000204)
• Tempered Aubergine Summit color palette (#C7E6F9, #006985, #780089, #003241, #1E0024)
• Hushed Garnet color palette (#D6F0E6, #35999E, #3B6C86, #5D1D40, #380003)
• Iris Coast color palette (#DEF0FF, #7294DC, #5F6087, #4C3E5A, #412533)

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