Navy Pier color palette — #F2F0FB · #946197 · #006A72 · #004475 · #0E1129
Navy and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F2F0FB): a clean, paper-quiet neutral.
- Slate (#946197): A full-bodied, balanced pink — the color of neon signs at night.
- Peacock (#006A72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004475): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#0E1129): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged jewel, vibrant, muted, cool.
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
- Hushed Navy Meadow color palette (#F5EFF8, #BE7F94, #2C7299, #3F4178, #1E192A)
- Ancient Forest color palette (#EDF2FC, #6472B2, #1A6F3E, #004645, #051725)
- Misty Forest color palette (#FFF2EE, #B96064, #006D33, #313D76, #38231C)
- Dusty Mulberry Villa color palette (#EDDFF6, #A4006A, #004D67, #170083, #100017)
- Hazy Archive color palette (#FDECFC, #BE4956, #0051A0, #400081, #200015)
- Timeworn Denim color palette (#FFF1F7, #D88F64, #509453, #0060A1, #261625)
- Aged Quarry color palette (#FFF1F5, #92963F, #008B83, #006482, #372532)
- Amber Pier color palette (#E3F8E8, #C49157, #7E6827, #005437, #0E2A11)
Browse the whole catalog at Explore, or see today's palette.