Navy Pier color palette — #E2F1E9 · #554E00 · #002E93 · #221F00 · #000107

Indigo takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E2F1E9): a clean, paper-quiet neutral.
• Deep Olive (#554E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#002E93): A deep, shadowed, vivid violet — the color of wild irises.
• Onyx (#221F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Depth, Luxury. Tagged dark, 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

• Shadow Market color palette (#DDF2ED, #2F5900, #490092, #102500, #020007)
• Nocturne Cocoa color palette (#F3D6E3, #763900, #003D6B, #331500, #000104)
• Airy Ultramarine color palette (#F5ECDA, #806800, #2444BE, #352A00, #00000C)
• Navy Loft color palette (#EBF2D6, #384100, #002B6F, #200D49, #010100)
• Moonless Grape color palette (#EFE2EE, #6E00E3, #555600, #060B06, #000201)
• Fern Basin color palette (#D4E3D8, #4E5810, #352800, #1B0900, #000200)
• Mulberry Lagoon color palette (#D5F4F2, #006E33, #840059, #003414, #090004)
• Worn Alley color palette (#CDE8DF, #5E7600, #911185, #2F3C00, #140011)

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