Navy Pier color palette — #F9DFF8 · #004595 · #55000C · #001604 · #000201
Indigo and Espresso set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F9DFF8): A whisper-light, dusty pink — the color of a candy shop window.
- Indigo (#004595): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#55000C): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#001604): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Nightshade Loft color palette (#FBE1EF, #481DB3, #451C00, #001510, #000103)
- Twilit Onyx Meadow color palette (#D1EEDE, #005267, #4E0039, #131000, #000201)
- Smoked Aubergine color palette (#FFE8F1, #6100A9, #500030, #270800, #000718)
- Muted Dune color palette (#F8E9E1, #3298B1, #004F75, #002C26, #000316)
- Garnet Field color palette (#E5EBFF, #7A5B8D, #7C1337, #00271C, #000D09)
- Charred Aubergine color palette (#FFE6EE, #554C00, #4C007A, #1C1607, #12000C)
- Lapis Market color palette (#E3EBFF, #572CFE, #702F00, #033004, #000B01)
- Grape Canyon color palette (#EBE6FF, #8910A1, #6A0062, #34001D, #0C0001)
Browse the whole catalog at Explore, or see today's palette.