Hazy Navy color palette — #FBEBF2 · #5D97B7 · #043EA7 · #00302C · #16033B

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

The five colors

• Blush (#FBEBF2): bright and airy, almost weightless.
• Slate Blue (#5D97B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Indigo (#043EA7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#16033B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Wandering Denim Ridge color palette (#EBDCE6, #399EB4, #004E7B, #003123, #090C39)
• Wandering Petrol color palette (#D4E8D8, #50ADDD, #0069B2, #004952, #020E3A)
• Spruce Basin color palette (#F4ECF5, #5BAFA9, #006276, #084105, #00213B)
• Weathered Sapphire Boulevard color palette (#F7EAF1, #8EB7D2, #2465BF, #005147, #2B2750)
• Patina Cobalt color palette (#E8DCD2, #75BADF, #4084D7, #006C6E, #0E0046)
• Quiet Cobalt Atelier color palette (#FFF0F9, #99DAEC, #0085D2, #006950, #343C65)
• Aubergine Harbor color palette (#EADDFA, #D97F61, #937200, #4F1F73, #2D020B)
• Washed Turquoise color palette (#F8F3F8, #D3D7EF, #57A5C1, #4E7B55, #425468)

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