Navy Pier color palette — #FAD1E0 · #8C5200 · #005E6A · #222B7C · #2D0E1C
Built around Navy, softened by Ochre — the whole palette hums with trust and stability.
The five colors
- Shell Pink (#FAD1E0): A whisper-light, dusty rose — the color of strawberry cream.
- Ochre (#8C5200): A full-bodied, balanced gold — the color of old brass.
- Peacock (#005E6A): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#222B7C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#2D0E1C): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged warm.
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
- Quiet Aubergine color palette (#CFE5D2, #7E5C00, #005B7A, #38217B, #251800)
- Terracotta Pier color palette (#F3D3EA, #AA321A, #006152, #003A62, #340A03)
- Aubergine Balcony color palette (#DEF0E0, #7D5400, #00434F, #2F0B64, #1B071C)
- Hushed Aubergine Boulevard color palette (#DAF0DD, #835D00, #006450, #3C008E, #000B02)
- Navy Drift color palette (#CAE7CF, #887800, #185D00, #1A2679, #232700)
- Nightshade Workshop color palette (#EBDCC7, #A57700, #00856D, #3F38BB, #251800)
- Deep Onyx color palette (#D7F1E5, #484700, #00356B, #31003C, #050500)
- Aged Pier color palette (#E7F2EA, #C3D0CA, #8EA7A1, #665300, #223228)
Browse the whole catalog at Explore, or see today's palette.