Navy Pier color palette — #F4E7F1 · #B28600 · #140882 · #0D0204 · #00000B

Indigo takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#F4E7F1): bright and airy, almost weightless.
• Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
• Indigo (#140882): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#0D0204): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Depth, Luxury. Tagged luxury, 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

• Amber Harbor color palette (#F6E0F8, #B28600, #002B54, #170605, #000104)
• Moonless Navy color palette (#E1EAF9, #7D6500, #0A0066, #1A0E1C, #010016)
• Hazy Thicket color palette (#FFF0F9, #F3B913, #4C42B6, #19124C, #040002)
• Patina Harbor color palette (#F6EBEE, #E5C7CC, #C09B9B, #5B3C7B, #070103)
• Smoked Navy Coast color palette (#D8E1F1, #A8475F, #0D0061, #230B1F, #01001E)
• Hushed Mustard Loft color palette (#FFF1F3, #E9B114, #772C7C, #28082B, #040001)
• Garnet Ridge color palette (#FFE8E7, #CB9900, #6D004A, #15000B, #040100)
• Frosted Byzantium Loft color palette (#FFF1F4, #FFD26F, #884EA3, #3B2346, #100307)

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