Navy Pier color palette — #F4EAE3 · #40829C · #003A77 · #00201A · #01000A

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

The five colors

• Cream (#F4EAE3): a clean, paper-quiet neutral.
• Cerulean (#40829C): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003A77): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00201A): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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 Boulevard color palette (#EAE2D9, #557D9D, #2402AE, #001F20, #020007)
• Aged Drift color palette (#E5F0E7, #5BAED0, #00598B, #002B2E, #000105)
• Frosted Garden color palette (#F6E0EB, #379FC6, #0C56A8, #003C34, #090029)
• Patina Forest color palette (#F2E6E3, #A0BD9B, #00788F, #0E4F05, #00172B)
• Moonless Coast color palette (#E4E1CF, #445400, #3600A3, #1A2200, #010009)
• Hushed Orchard color palette (#EADFC5, #479B58, #007A88, #4D2300, #030200)
• Soft Indigo Boulevard color palette (#FAF0E7, #83C2F8, #525EE2, #005153, #23093C)
• Velvet Fern color palette (#E7EFDF, #466C00, #232E00, #070B00, #010100)

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