Navy Pier color palette — #FDE4F6 · #5460BB · #625500 · #1D0082 · #020100
A conversation between Indigo and Royal Blue, giving this palette its sense of nature and growth.
The five colors
- Blush (#FDE4F6): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#5460BB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Olive (#625500): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#1D0082): A deep, shadowed, vivid violet — the color of wild irises.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Balance. Tagged 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
- Powdered Byzantium color palette (#FFDFE9, #854CAF, #435F00, #400061, #010100)
- Deep Nightshade Lagoon color palette (#DCE4F4, #3D2FC4, #4B3D00, #180066, #080600)
- Worn Petrol Cabin color palette (#D2EFE5, #0072A9, #744A00, #002E48, #020100)
- Grape Balcony color palette (#E3DBF6, #6725B3, #643C00, #293800, #020007)
- Shadow Nightshade color palette (#FBEAF4, #461EBE, #74001D, #1C005C, #040000)
- Aged Garnet color palette (#FFE9E9, #B85496, #007A52, #6B0051, #000201)
- Muted Peony color palette (#FBDCF2, #CEABEF, #C95B84, #00426B, #020008)
- Aubergine Field color palette (#FFE7ED, #BE85D9, #008D47, #6A008B, #000B03)
Browse the whole catalog at Explore, or see today's palette.