Navy Pier color palette — #E6DDE6 · #B39DAC · #997D89 · #18447D · #0E060E
A conversation between Navy and Heather, giving this palette its sense of trust and stability.
The five colors
- Silver (#E6DDE6): a clean, paper-quiet neutral.
- Mauve (#B39DAC): A luminous, dusty pink — the color of a candy shop window.
- Heather (#997D89): A luminous, dusty rose — the color of a warm blush.
- Navy (#18447D): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#0E060E): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Weathered Meadow color palette (#E9E1EA, #A6949F, #826970, #002B54, #0E0610)
- Softworn Ultramarine color palette (#E5EBF3, #A39DAF, #96819D, #0063B6, #020A16)
- Tempered Boulevard color palette (#E2E9F3, #B2BBCB, #8891AB, #003683, #000105)
- Muted Abyss color palette (#E6F4E9, #94ABA0, #649185, #004F58, #020C05)
- Aubergine Basin color palette (#F9E7EB, #C5AEAE, #AE8C86, #73347D, #1F0E12)
- Antique Petrol color palette (#F6EBF2, #E3D2D9, #C9B0B5, #656CA6, #372932)
- Tempered Indigo color palette (#DBE1F0, #7E64A7, #6D3C60, #3A2E00, #0A1300)
- Wandering Olive Coast color palette (#ECE0C6, #6E7E00, #245200, #012F47, #080600)
Browse the whole catalog at Explore, or see today's palette.