Hazy Harbor color palette — #FBE9F4 · #539BAE · #004D7D · #003124 · #0A0048

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

The five colors

• Blush (#FBE9F4): A whisper-light, dusty pink — the color of neon signs at night.
• Storm Blue (#539BAE): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#004D7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003124): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0A0048): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Misty Nightshade color palette (#EBDAE1, #6097B8, #1A3DA4, #00302D, #18023A)
• Washed Denim color palette (#F2EADD, #5C93A4, #005070, #002C2B, #00040E)
• Hushed Terrace color palette (#DEEAE0, #7BA9C1, #006F9A, #004A49, #00152A)
• Ancient Terrace color palette (#F4EBF2, #8FB8CB, #006EA7, #00523A, #1D2959)
• Muted Cobalt Grove color palette (#F6E4DA, #68BED6, #0088DC, #006F57, #0C0640)
• Misty Lagoon color palette (#FCF2FA, #9BDBDF, #008BB7, #006B37, #1D3F70)
• Dusty Cypress Archive color palette (#FBF2F5, #C5E0F9, #7A87B9, #067072, #424467)
• Aubergine Atelier color palette (#F3D8E7, #DC8A8F, #947000, #492B7C, #370011)

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