Navy Pier color palette — #CBE8EC · #009ACE · #005DA2 · #0F0393 · #110037

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

The five colors

• Frost (#CBE8EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009ACE): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005DA2): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#0F0393): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#110037): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, 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

• Soft Delta color palette (#D4EDFA, #1B93E1, #194EC9, #2B007D, #1A002D)
• Chalky Aubergine Archive color palette (#CAE8DD, #00A0B8, #0060A2, #322086, #3B004C)
• Onyx Hollow color palette (#D7F3F0, #0097AE, #005F7F, #003458, #060042)
• Nightshade Lantern color palette (#D5EDDA, #0085A7, #1840A8, #550D00, #00101C)
• Soft Nightshade Study color palette (#D0EEFE, #0073CB, #2025B8, #22005C, #0B0016)
• Linen Nightshade color palette (#D9FFF1, #00D1EF, #0083CE, #342D9F, #1D0025)
• Dusty Archive color palette (#CEF7FF, #00B6EB, #007CCF, #1D399E, #260068)
• Softworn Indigo color palette (#DEEFFF, #99B3EB, #736FCE, #50317E, #350243)

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