Navy Pier color palette — #DDF8FB · #008B71 · #005E72 · #193479 · #3A194F
Navy and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DDF8FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Fern (#008B71): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005E72): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#193479): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#3A194F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Timeworn Atelier color palette (#E0F7FD, #008986, #005988, #3D2777, #0D350A)
- Pine Boulevard color palette (#DBF9F5, #3F8A40, #00615F, #003F5F, #372A00)
- Patina Canyon color palette (#D2E5DD, #00B79E, #00766D, #005350, #0A3649)
- Worn Hollow color palette (#B3EBF0, #74B6B2, #4D8590, #475076, #4F3051)
- Worn Cobalt Lagoon color palette (#EBF8F8, #ACC8E4, #4C7AB6, #005A7E, #2A3A5B)
- Nightshade Dune color palette (#CBEEFF, #007C90, #0034C3, #4C006C, #002C1B)
- Navy Field color palette (#C5E7EC, #006659, #003D4F, #0E0067, #101400)
- Navy Parlor color palette (#DDEFF8, #005460, #002561, #1F0034, #160008)
Browse the whole catalog at Explore, or see today's palette.