Navy Pier color palette — #EAF1DD · #4B7EA7 · #003B72 · #001D2A · #000107

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

The five colors

• Cream (#EAF1DD): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#4B7EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003B72): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D2A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000107): 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

• Wandering Lagoon Drift color palette (#F0F1DE, #008990, #00444D, #001F1D, #000202)
• Dusty Petrol Villa color palette (#E9EBDB, #68C3CF, #00788C, #004B4A, #001922)
• Tempered Turquoise Pier color palette (#E4E8D7, #3FA9D5, #005F89, #003843, #000C19)
• Chalky Ultramarine color palette (#F8E9DA, #67A9DC, #2249B3, #002B30, #010009)
• Weathered Orchard color palette (#F3F3E3, #91E0DF, #00949E, #006357, #002B32)
• Chestnut Field color palette (#F3E5CD, #775200, #3F2B00, #17211E, #0C0600)
• Charred Cocoa color palette (#F9E2C8, #6A4200, #004734, #2D1900, #000201)
• Olive Ridge color palette (#EFE3CE, #9B8523, #6B7000, #442800, #050300)

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