Navy Pier color palette — #ECDEEB · #004CA8 · #5E3900 · #3B2200 · #19031A

Indigo and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#ECDEEB): A whisper-light, dusty pink — the color of peonies in June.
• Indigo (#004CA8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Bronze (#5E3900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3B2200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#19031A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Soft Ultramarine Drift color palette (#FBE7FA, #004BC3, #512C00, #002712, #00100E)
• Tempered Cabin color palette (#D6EAE1, #005A76, #623700, #3D2100, #001018)
• Dusty Lapis color palette (#F4DCEC, #3E00E1, #404800, #262C00, #1C0216)
• Frosted Parlor color palette (#E4E7D0, #005CD6, #6A005C, #042D02, #160E34)
• Ultramarine Balcony color palette (#DDE9FC, #203AC7, #7B0051, #002F2A, #000013)
• Aged Navy Orchard color palette (#F3E9F0, #C9B2B8, #A28685, #333A85, #291925)
• Wandering Amethyst Courtyard color palette (#FFD7ED, #6D1DFB, #605B00, #423F00, #1F1545)
• Airy Archive color palette (#EDD8EB, #0363EB, #983179, #004E41, #010B27)

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