Navy Pier color palette — #F3DAF2 · #003680 · #2F0047 · #170006 · #000102
A conversation between Navy and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Thistle (#F3DAF2): A whisper-light, dusty pink — the color of peonies in June.
- Navy (#003680): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#2F0047): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#170006): A deep, shadowed, dusty red — the color of embers at dusk.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged 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
- Inked Nightshade color palette (#FFE7F9, #2200AF, #35003B, #180003, #000103)
- Navy Pier color palette (#DDF2E8, #004256, #120063, #120016, #000201)
- Deep Navy color palette (#EDD6EB, #4C2400, #001F6C, #150503, #010011)
- Lapis Parlor color palette (#E4E9F7, #4A1BD9, #310083, #11002F, #03000C)
- Moonless Summit color palette (#DBE3F7, #5B588E, #432860, #2C0804, #0B0000)
- Deep Loft color palette (#FFE6EE, #560080, #3E001D, #120400, #000107)
- Cerulean Thicket color palette (#E2E6D7, #1E83AC, #004061, #001E26, #000104)
- Aged Nightshade color palette (#F3DDF6, #0083B8, #0065AF, #221C97, #000108)
Browse the whole catalog at Explore, or see today's palette.