Navy Pier color palette — #FFECF4 · #9C5400 · #005A5E · #172671 · #100317

Navy and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFECF4): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#9C5400): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005A5E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#172671): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#100317): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Misty Brick color palette (#FBEDF8, #B3372C, #005D45, #00385B, #0B061A)
• Gentle Aubergine color palette (#E6F7E9, #876C00, #005777, #401762, #140311)
• Patina Chestnut color palette (#FFF3E4, #765A00, #00505A, #003B43, #2A1318)
• Feathered Summit color palette (#DBEFDF, #B37F0E, #556300, #003A67, #021E0F)
• Onyx Courtyard color palette (#D7EAD5, #684200, #003A40, #14004C, #030004)
• Timeworn Amber Basin color palette (#FFF3E9, #D16D00, #007A80, #42477F, #331816)
• Amber Summit color palette (#FFF1F5, #CA7E00, #008D59, #4F3687, #1B070F)
• Wandering Petrol color palette (#EAF5F0, #888744, #256CAD, #6B3D67, #281920)

Browse the whole catalog at Explore, or see today's palette.