Navy Pier color palette — #D5F0FA · #0067A5 · #002C8E · #16004B · #04000B
Built around Indigo, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D5F0FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0067A5): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#002C8E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#16004B): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#04000B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.
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
- Twilit Onyx Veranda color palette (#E1F3F6, #007494, #003E65, #000A47, #01000B)
- Navy Dune color palette (#DAEDEC, #007495, #0021A0, #230053, #1E001C)
- Worn Nightshade color palette (#CCF4EC, #0095AF, #0041B1, #270053, #030003)
- Lowlit Aubergine Coast color palette (#DCEBFF, #535BC1, #490093, #240035, #040004)
- Twilit Chapel color palette (#EEE6D4, #005B86, #260C80, #250B00, #000206)
- Sunlit Ultramarine color palette (#CEF0FF, #0085C8, #0237DF, #2B007F, #130025)
- Cellar Onyx Coast color palette (#CFE1F2, #004D7E, #4B0041, #1B0C00, #000200)
- Muted Aubergine color palette (#D5E8FF, #0096B0, #006EB8, #5700B2, #00000F)
Browse the whole catalog at Explore, or see today's palette.