Navy Pier color palette — #EADEE5 · #448199 · #003B74 · #00201A · #01000A

A conversation between Navy and Slate, giving this palette its sense of trust and stability.

The five colors

• Silver (#EADEE5): bright and airy, almost weightless.
• Slate (#448199): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003B74): A deep, shadowed, balanced blue — the color of open sky before noon.
• 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, 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

• Ancient Navy Delta color palette (#E9DAE1, #4E93B3, #00439A, #002C27, #050019)
• Muted Petrol Terrace color palette (#E4EBE3, #98B7D4, #5364AF, #004B4C, #1E0537)
• Hushed Drift color palette (#F7EFF6, #A6CFDB, #1F88A9, #1C5E2E, #042041)
• Charred Hollow color palette (#E2E7D6, #4D6F00, #1E3000, #192528, #050900)
• Worn Cypress color palette (#D1EBDE, #6F9564, #007881, #482100, #010300)
• Aubergine Lantern color palette (#CCEDDF, #4E5000, #3D099A, #1F2000, #010009)
• Washed Ash Orchard color palette (#F5F0F6, #CFD4EC, #77A3BA, #437670, #22384D)
• Cellar Aubergine color palette (#E4E0C0, #443C00, #4B0067, #3B0029, #010100)

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