Hazy Navy Harbor color palette — #E2F4F2 · #008093 · #004363 · #0A0078 · #180044

Deep Indigo takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E2F4F2): bright and airy, almost weightless.
• Teal (#008093): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004363): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#0A0078): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#180044): 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 Navy 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 Onyx Market color palette (#CFE6EB, #0083A7, #005C88, #003162, #020047)
• Antique Onyx Drift color palette (#C4EEE1, #007273, #00485B, #00203A, #060040)
• Navy Courtyard color palette (#D6E8EF, #0065A6, #0E008C, #1B0039, #100014)
• Antique Nightshade color palette (#C9E8E6, #0093A7, #0073A2, #002DC0, #19013F)
• Nightshade Veranda color palette (#D4F6F7, #00A4D2, #00609F, #3400AF, #381070)
• Muted Alley color palette (#D8EEFF, #989BD2, #AD5C84, #004C4E, #071237)
• Muted Delta color palette (#CEE2FD, #0055CB, #783600, #002766, #1E0800)
• Navy Quarry color palette (#CDE4FF, #3A67D8, #00209F, #001129, #00020D)

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