Navy Pier color palette — #F7EBFF · #9A5E42 · #574A00 · #0B2A60 · #28163C
A conversation between Navy and Walnut, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7EBFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Walnut (#9A5E42): A full-bodied, balanced orange — the color of autumn markets.
- Deep Olive (#574A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#0B2A60): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#28163C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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
- Navy Loft color palette (#FFE9DF, #906E51, #445000, #271172, #38002F)
- Ancient Onyx Orchard color palette (#F2E4FB, #A06781, #713A22, #003338, #001C49)
- Antique Bronze Lagoon color palette (#F3E0CF, #876000, #4A3F00, #002A1A, #000B08)
- Dusty Fern color palette (#FFE8CF, #9C7C32, #696300, #004635, #001F1D)
- Sunlit Nightshade Bloom color palette (#CFE6D3, #795900, #222CC4, #3A2900, #04003F)
- Hushed Aubergine Alley color palette (#D5F8E5, #564E00, #004179, #350081, #090800)
- Aubergine Hollow color palette (#FDE2C7, #898551, #00613C, #571958, #4A0A1B)
- Powdered Amber color palette (#FCD8D7, #D2781D, #787B0D, #3A4F77, #2E132C)
Browse the whole catalog at Explore, or see today's palette.