Navy Pier color palette — #F7E4CF · #8C5B00 · #003682 · #27002D · #030004
A conversation between Navy and Ochre, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F7E4CF): A whisper-light, dusty gold — the color of old brass.
- Ochre (#8C5B00): A full-bodied, balanced gold — the color of old brass.
- Navy (#003682): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#27002D): A deep, shadowed, balanced pink — the color of peonies in June.
- Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, 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
- Lowlit Field color palette (#F3E3D6, #995200, #00415E, #300008, #040000)
- Eclipse Thicket color palette (#F5E8CC, #786600, #2A00AC, #2F0011, #040001)
- Velvet Onyx Bloom color palette (#DBEBE1, #584900, #002F3F, #210032, #130011)
- Nocturne Parlor color palette (#FFE7DD, #C2021B, #00454A, #220037, #020006)
- Hazy Delta color palette (#D5F6E5, #8B8400, #007276, #4B1B9C, #170001)
- Nightshade Dune color palette (#FBF2DA, #877C00, #4613C9, #2E2300, #020100)
- Charred Pier color palette (#E8E2C3, #474F00, #003224, #00131A, #020100)
- Aged Alley color palette (#F4EFD1, #545E63, #4A5300, #111C19, #000804)
Browse the whole catalog at Explore, or see today's palette.