Navy Pier color palette — #DCE6F6 · #4A72D5 · #5A009B · #06179C · #01000A

Indigo and Plum set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#DCE6F6): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#4A72D5): A full-bodied, balanced violet — the color of a velvet chair.
• Plum (#5A009B): A deep, shadowed, vivid violet — the color of a velvet chair.
• Indigo (#06179C): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged duotone, vibrant.

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

• Sunlit Drift color palette (#E6EDFF, #6E62DF, #6C007D, #340095, #020008)
• Aged Aubergine Chapel color palette (#E1ECF8, #237CC7, #4C00AB, #003863, #01000B)
• Hushed Nightshade color palette (#DDE1EA, #ADB2C5, #868AAF, #352F97, #050A1A)
• Aubergine Pier color palette (#E3E3FD, #7D58C5, #620094, #380046, #0B000C)
• Muted Aubergine Archive color palette (#DBEBE6, #007CC2, #6A0066, #003556, #0C0002)
• Grape Lagoon color palette (#EDDFEB, #5D8AFF, #7C21CC, #2547AE, #0C0004)
• Washed Veranda color palette (#EAECFC, #A86FFF, #9F007A, #6100B1, #0B0006)
• Orchid Basin color palette (#DFDEEB, #9F52B8, #7F003A, #55006B, #030004)

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