Navy Pier color palette — #F1E9E0 · #517DA1 · #262A8C · #001F20 · #020007

Indigo and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F1E9E0): a clean, paper-quiet neutral.
• Slate (#517DA1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#262A8C): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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 Parlor color palette (#EBDAD1, #378495, #003F65, #002016, #00000C)
• Hushed Denim color palette (#DAE5DC, #80A7C7, #0F4FAA, #002A34, #01000B)
• Pale Pier color palette (#FDEEE9, #75CCD1, #007CA4, #00552B, #00173F)
• Charred Cocoa Villa color palette (#F2E7D6, #614800, #004258, #281C00, #000102)
• Aged Hollow color palette (#F7F0EB, #C8E4D9, #748BCA, #006D6A, #2F2547)
• Washed Garnet color palette (#F9E4D0, #8D903F, #007757, #670017, #030200)
• Garnet Loft color palette (#F1DDE0, #8A2400, #492600, #150C00, #020100)
• Muted Navy Terrace color palette (#E7DED6, #47809C, #003583, #00201C, #010009)

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