Navy Pier color palette — #EFF6FF · #CB964C · #004299 · #002357 · #091B31

Built around Indigo, softened by Mustard — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mustard (#CB964C): A luminous, balanced gold — the color of honey in a jar.
• Indigo (#004299): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002357): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#091B31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged luxury, dark, cool.

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

• Tempered Aubergine color palette (#F1F5FF, #9CAA60, #433A87, #260868, #111835)
• Coral Harbor color palette (#ECF7FF, #DC8879, #004F6C, #002B3C, #0B1128)
• Hushed Navy Coast color palette (#D6DFED, #A38943, #192C77, #050E40, #030A1C)
• Frosted Meadow color palette (#FBEDFB, #32C485, #004B92, #002045, #0F0310)
• Iris Meadow color palette (#FFF0FD, #FFC089, #668BDA, #455B87, #241423)
• Sapphire Lantern color palette (#EEF6FF, #5DD59C, #0067C7, #133B69, #0B1B2D)
• Patina Canyon color palette (#F5F4FC, #9BCCBE, #715174, #3A3350, #2B212B)
• Aubergine Grove color palette (#E7EDFF, #6D8619, #26016E, #090028, #050004)

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