Navy Pier color palette — #E8EEFD · #C6888F · #393B75 · #1B1A46 · #111622
A conversation between Navy and Deep Indigo, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#E8EEFD): A whisper-light, dusty violet — the color of a velvet chair.
- Dusty Rose (#C6888F): A luminous, dusty red — the color of late-summer berries.
- Navy (#393B75): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#1B1A46): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#111622): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged luxury, dark, 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
- Aubergine Quarry color palette (#F3F4FE, #D59F99, #5E427A, #362548, #211B25)
- Navy Corridor color palette (#E2E9F8, #AAA359, #333C89, #12173E, #020511)
- Dusty Aubergine Ridge color palette (#F4F4FC, #A68BC9, #953469, #6A13AA, #1E1326)
- Patina Jade Garden color palette (#E1F1FA, #7BAA77, #004B5D, #002631, #070E1F)
- Antique Denim color palette (#F8EAF4, #BDB964, #4E5DA4, #283160, #1D121A)
- Iris Orchard color palette (#FAE9F2, #FFB0B3, #807EC7, #525177, #1E1119)
- Aubergine Field color palette (#E7E0F9, #E06A42, #650060, #32002F, #130823)
- Hushed Balcony color palette (#FBF1FF, #D48F67, #860044, #4C0024, #231329)
Browse the whole catalog at Explore, or see today's palette.