Navy Pier color palette — #D3E7E4 · #186A07 · #0F2091 · #38000E · #0D0001

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

The five colors

• Silver (#D3E7E4): A whisper-light, dusty teal — the color of sea glass.
• Olive (#186A07): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#0F2091): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#38000E): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#0D0001): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Charred Bloom color palette (#D6ECE5, #4D6100, #003862, #36001B, #0C0004)
• Inked Aubergine Station color palette (#D9F0F3, #006853, #3F008B, #300E00, #0A0100)
• Worn Aubergine color palette (#DCE5C7, #00693B, #5E005A, #3B002F, #280012)
• Garnet Villa color palette (#E2EDCC, #008B53, #005592, #5C0047, #1C0E00)
• Navy Canyon color palette (#ECF7E1, #00906C, #005769, #0F0374, #010200)
• Frosted Grove color palette (#C3E9EE, #008472, #720098, #521200, #190A00)
• Patina Lagoon color palette (#CFE7CE, #1F8C83, #245774, #3D2440, #2C000A)
• Abyss Loft color palette (#C4EEDE, #00503D, #1E1F25, #001214, #000202)

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