Navy Pier color palette — #EAF0DF · #5990BA · #004A87 · #002939 · #000313

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EAF0DF): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#5990BA): A luminous, balanced blue — the color of deep harbor water.
• Navy (#004A87): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002939): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Weathered Lagoon color palette (#EAECD9, #47989D, #00535E, #002C29, #000508)
• Frosted Nightshade color palette (#F1E4E9, #6695B9, #0E39AF, #002F34, #150041)
• Softworn Petrol Field color palette (#D9ECEB, #80A7C5, #0068B4, #00475E, #001233)
• Dusty Cobalt Studio color palette (#F0F3EA, #ABD1C7, #577DB2, #005679, #30152D)
• Washed Ultramarine Bloom color palette (#F8ECE0, #90BDDF, #3C62B7, #003D43, #030012)
• Smoked Cypress color palette (#D5E9E9, #007E83, #003F40, #001415, #000202)
• Turquoise Market color palette (#CCF4F6, #16B2CD, #007FAD, #004F49, #00090B)
• Tempered Aqua Field color palette (#F3F4E0, #5ED0CE, #008189, #005348, #001E24)

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