Hazy Navy color palette — #FBD0E6 · #00888D · #0D4997 · #542300 · #00283A

Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FBD0E6): A whisper-light, dusty rose — the color of a warm blush.
• Cerulean (#00888D): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#0D4997): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#542300): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#00283A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, 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

• Nightshade Field color palette (#CDE6CC, #00859C, #343EA1, #482C00, #08273B)
• Quiet Navy color palette (#FBE2EE, #008B81, #1644A0, #472000, #001116)
• Timeworn Lagoon color palette (#FFD2C5, #008C6D, #005570, #5D1225, #002B2A)
• Softworn Hollow color palette (#F7D7BD, #00A99D, #3F66B1, #6F3600, #002932)
• Moonless Denim Cabin color palette (#E0F2FF, #005D7B, #352930, #09173B, #000A14)
• Mulberry Terrace color palette (#CEE6EF, #00777E, #77006F, #432600, #1E1A00)
• Petrol Coast color palette (#F9E9F4, #6FC1C6, #007390, #00523A, #003051)
• Velvet Boulevard color palette (#EBEAD9, #005E8C, #3E0076, #1C1900, #000729)

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