Navy Pier color palette — #FFECF5 · #C7C7F4 · #827AB1 · #4A3C7C · #1E173B

Royal Purple and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Lilac Frost (#C7C7F4): A whisper-light, dusty violet — the color of wild irises.
• Slate Blue (#827AB1): A luminous, balanced violet — the color of wild irises.
• Royal Purple (#4A3C7C): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#1E173B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged monochrome, muted.

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

• Hushed Cobalt Bloom color palette (#F1F5FF, #C7C4F7, #7E71B4, #474A80, #2F344F)
• Muted Ridge color palette (#FFEDEE, #E7B8BD, #AB779D, #733466, #2F122C)
• Muted Quarry color palette (#F1F5FF, #D3D0FF, #9997E0, #606097, #303754)
• Weathered Denim Archive color palette (#D9FBED, #A8D8C5, #5693B6, #08537F, #001E2F)
• Dusty Garden color palette (#FEECF7, #E6D2D0, #ADAD97, #6E8CB1, #483540)
• Grape Veranda color palette (#F3E4F6, #B682CB, #852A97, #41004D, #0E0012)
• Weathered Pewter Hollow color palette (#FAEEF1, #D4C0A1, #6F567B, #3D2746, #1B1013)
• Byzantium Canyon color palette (#F7EEFF, #CF98F0, #8C45BC, #57007B, #1B002C)

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