Hazy Navy color palette — #D4ECE9 · #007B90 · #00507A · #0C0076 · #080016

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

The five colors

• Honeydew (#D4ECE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007B90): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00507A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#0C0076): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#080016): A deep, shadowed, dusty 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 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

• Antique Chapel color palette (#C9F1EB, #008BA0, #00476F, #010048, #020008)
• Dusty Drift color palette (#CCF0FB, #0079B4, #2A38A1, #2D0056, #0C000F)
• Shadow Denim color palette (#C6E7F4, #00648D, #003256, #00102A, #01001A)
• Wandering Harbor color palette (#D6E6DB, #008173, #005460, #002334, #00020F)
• Muted Navy color palette (#FCE8D4, #00717B, #0D328C, #301900, #000407)
• Antique Nightshade color palette (#CDF3E1, #00AF9C, #008AB8, #522FB9, #000309)
• Velvet Balcony color palette (#E2F3EA, #00617E, #6B002E, #330C00, #010200)
• Aubergine Lantern color palette (#D0F3F7, #14B2ED, #3C71CE, #4A2A9F, #360046)

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