Navy Pier color palette — #E9EEE1 · #4A86B4 · #003D71 · #00202E · #000720

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

The five colors

• Cream (#E9EEE1): a clean, paper-quiet neutral.
• Cerulean (#4A86B4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003D71): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000720): 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

• Navy Canyon color palette (#E9F0DF, #5F94C7, #004597, #002D41, #040F37)
• Antique Cabin color palette (#ECEDDC, #099298, #00454D, #002320, #000B10)
• Airy Balcony color palette (#F4EBE3, #79A6C9, #546BCC, #005D5D, #0F0023)
• Weathered Petrol Coast color palette (#EFF0DE, #6BC1C9, #007586, #00504D, #003441)
• Frosted Garden color palette (#E9ECC9, #40AA6B, #007C61, #233300, #001002)
• Fern Drift color palette (#EFEDC9, #3F5C00, #00455A, #172600, #00070C)
• Antique Lagoon Hollow color palette (#F6F7E6, #8BDFDD, #009199, #00685A, #004952)
• Twilit Corridor color palette (#FDE6D4, #814A00, #452000, #210800, #070300)

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