Hazy Navy Pier color palette — #F7EAE0 · #339ACF · #004598 · #002F32 · #0F0A37

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

The five colors

• Cream (#F7EAE0): a clean, paper-quiet neutral.
• Cerulean (#339ACF): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#004598): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002F32): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#0F0A37): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Softworn Cerulean color palette (#F6E2DA, #389FAD, #00516D, #003125, #00142C)
• Ultramarine Atelier color palette (#F5E0E8, #6EAACC, #3B62B3, #004B45, #18003E)
• Ancient Cobalt Terrace color palette (#E5EEE1, #00ACCD, #3E75C1, #0B4F18, #002020)
• Cornflower Corridor color palette (#E4F2E6, #7FB8DB, #0085E8, #006B79, #02004C)
• Weathered Cobalt color palette (#FFF2EB, #82DDFA, #2B86C3, #00675E, #2D3F64)
• Smoked Hollow color palette (#BDEAE8, #00827F, #003C3A, #001718, #000505)
• Frosted Sapphire color palette (#FFF3E6, #74BEFF, #4161D6, #00545F, #342564)
• Aged Mulberry Coast color palette (#D7E3D2, #006F60, #8C0046, #00352D, #25000E)

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