Hazy Navy color palette — #E5EDDD · #00684A · #002E7F · #3F0021 · #181100

Navy and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E5EDDD): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#00684A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#002E7F): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#3F0021): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Navy 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

• Twilit Drift color palette (#DAE7D8, #005650, #23007C, #2D000B, #090700)
• Forest Lantern color palette (#EBF0D8, #006B23, #003C53, #340042, #240700)
• Dusty Atelier color palette (#DEEDE2, #006372, #510075, #371300, #001802)
• Olive Parlor color palette (#D2E7E3, #308B08, #3144AE, #5A1B00, #240700)
• Muted Lagoon Workshop color palette (#D7F3EC, #009593, #005B67, #00333E, #001F2C)
• Feathered Lagoon color palette (#DCF7EC, #009A9A, #025A7B, #582640, #4B151A)
• Frosted Aubergine Pier color palette (#D1F2D3, #007E81, #5900BA, #650105, #1F2800)
• Muted Lime Cabin color palette (#DFF0D4, #64BF00, #00977A, #006374, #001D1B)

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