Navy Pier color palette — #EDE7ED · #A1969F · #806878 · #00285C · #110411

Built around Midnight, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Blush (#EDE7ED): a clean, paper-quiet neutral.
• Heather (#A1969F): a calm mid-gray that lets other colors speak.
• Pewter (#806878): A full-bodied, dusty pink — the color of a candy shop window.
• Midnight (#00285C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#110411): A deep, shadowed, dusty pink — the color of neon signs at night.

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 Aubergine Hollow color palette (#E8DBDF, #A89498, #89656B, #3D0063, #16020A)
• Softworn Quarry color palette (#E4EBE7, #8F9E98, #5A7870, #00303F, #000D06)
• Timeworn Coast color palette (#DDE5EE, #9DA5B7, #8383A1, #00477C, #030A14)
• Hushed Hollow color palette (#EDE3E7, #C5B4B8, #A2868B, #561F8E, #291A20)
• Aged Basalt color palette (#ECE7F6, #75557F, #542248, #390F00, #130D00)
• Lapis Drift color palette (#FAF3F6, #E0D6D6, #C3ACB3, #6453A9, #42373D)
• Mulberry Workshop color palette (#FFF1F2, #E7CBCA, #C99994, #931D82, #442B2D)
• Powdered Lapis color palette (#F6DDED, #3775DB, #5035E2, #490080, #040016)

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