Navy Pier color palette — #F0EFD8 · #416400 · #092493 · #33002D · #070001

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

The five colors

• Cream (#F0EFD8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#416400): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#092493): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#33002D): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#070001): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.

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 Aubergine color palette (#DAE6C7, #006945, #3F098D, #390014, #070000)
• Moonless Onyx color palette (#EEE6CD, #5F5B00, #003D57, #300033, #050005)
• Ancient Pine color palette (#E5EAD9, #2D8961, #005868, #4E1E2E, #270210)
• Twilit Forest color palette (#E5ECCD, #005422, #152121, #00110F, #020200)
• Tempered Ridge color palette (#DFF0DE, #007574, #720076, #431700, #0E0600)
• Pine Hollow color palette (#DDF0DD, #008550, #00554A, #002C2E, #000E13)
• Garnet Chapel color palette (#D9EDE1, #827300, #006556, #640042, #020200)
• Ultramarine Station color palette (#F5EBE1, #589AC7, #2251AF, #003B40, #090029)

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