Hazy Navy color palette — #CFE7EF · #0075A8 · #003F78 · #110074 · #15003A

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

The five colors

• Frost (#CFE7EF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0075A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003F78): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#110074): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#15003A): A deep, shadowed, balanced violet — the color of wild irises.

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

• Gentle Onyx Orchard color palette (#C0E9EB, #006E7F, #004965, #001D49, #0A0041)
• Cobalt Archive color palette (#D7E7F3, #0082D2, #004FA0, #002D78, #040047)
• Soft Nightshade Lagoon color palette (#E0F0F9, #0067BC, #2200B7, #2C0060, #1D0033)
• Nightshade Drift color palette (#E4E8F9, #5F64D6, #2614A3, #070043, #010016)
• Ultramarine Bloom color palette (#DCE5F1, #1953C9, #674300, #001E78, #180D00)
• Timeworn Terrace color palette (#D8E4FD, #B39EE1, #AA5387, #00475D, #140C35)
• Ultramarine Thicket color palette (#CBEDFF, #0A98F1, #0054E4, #3D00B4, #421067)
• Soft Amethyst color palette (#D8E1F5, #6C51DF, #4D0091, #3B0049, #2D000F)

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