Navy Pier color palette — #E8DED7 · #507F97 · #003B72 · #001F1F · #01000B

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

The five colors

• Bone (#E8DED7): bright and airy, almost weightless.
• Slate (#507F97): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003B72): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Navy color palette (#F8EDE5, #5791B5, #00439C, #002B2E, #03001B)
• Charred Courtyard color palette (#CAEDEA, #006F67, #003532, #13171C, #000807)
• Muted Harbor color palette (#F4E8E1, #7FA78E, #005F89, #003A32, #000922)
• Softworn Petrol Corridor color palette (#F2E7E1, #A2BBA1, #00788D, #004E2D, #001827)
• Aged Denim Ridge color palette (#DAEDD0, #2D99AE, #0E65B4, #123A00, #000202)
• Inked Garnet color palette (#DEF0D2, #005A49, #6F003D, #00251D, #040001)
• Shadow Fern Summit color palette (#EAE3D1, #485A1D, #302A00, #170C00, #000200)
• Softworn Cornflower Market color palette (#FAF0E6, #ADD5F4, #4F7DE2, #006169, #221B4C)

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