Navy Pier color palette — #E4F1F9 · #0088A3 · #003B76 · #00313C · #000105

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

The five colors

• Frost (#E4F1F9): bright and airy, almost weightless.
• Cerulean (#0088A3): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003B76): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Forest (#00313C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

Use it as a design system

One click turns 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

• Aubergine Dune color palette (#DCE7F3, #397CC7, #4C0090, #002B56, #01000A)
• Lagoon Harbor color palette (#CEE3E5, #008F71, #00444E, #003427, #000102)
• Dusty Abyss color palette (#DFE9EF, #B0BCC8, #8493A6, #00425B, #000103)
• Denim Courtyard color palette (#D6E6DC, #00667A, #00294F, #00222A, #050006)
• Navy Dune color palette (#D9EEFF, #257BD2, #002B93, #060032, #010009)
• Obsidian Field color palette (#F7DFF9, #105EC4, #2B0F86, #1F0010, #00000C)
• Hushed Byzantium Orchard color palette (#D3E5E9, #009F9C, #8D00D0, #006564, #02000D)
• Misty Coast color palette (#EBF7FF, #A7E2FF, #5B8AFF, #008AB6, #010723)

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