Navy Pier color palette — #D2F2FE · #356459 · #37325D · #310E00 · #060300
Navy and Ink set the tone — five colors that lean into optimism and creativity.
The five colors
- Frost (#D2F2FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#356459): A full-bodied, dusty teal — the color of sea glass.
- Navy (#37325D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#310E00): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, 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
- Inked Workshop color palette (#D2E8FF, #52537D, #42244D, #281600, #030300)
- Smoked Studio color palette (#DDE5D8, #1C6A70, #003754, #2E0016, #110000)
- Wandering Lagoon Parlor color palette (#E1F1E8, #4F9575, #1D4E68, #251E00, #000501)
- Fern Boulevard color palette (#F3F0E0, #3C642E, #00331B, #001917, #000200)
- Weathered Navy color palette (#CEE8F0, #4A7CA9, #51448A, #571D03, #001402)
- Twilit Balcony color palette (#DCF1FF, #004F87, #001381, #0C0043, #02000D)
- Nocturne Navy Boulevard color palette (#FCE1F6, #2E4397, #493900, #0B0066, #020100)
- Cocoa Summit color palette (#D8E9E4, #808FB8, #715784, #5E3000, #261F00)
Browse the whole catalog at Explore, or see today's palette.