Navy Pier color palette — #F0DAEA · #736A00 · #110063 · #100301 · #010015

Deep Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F0DAEA): A whisper-light, dusty pink — the color of peonies in June.
• Olive (#736A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#110063): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#100301): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

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

• Shadow Olive color palette (#FAE0EB, #317B00, #29004F, #150802, #04000F)
• Nightshade Bloom color palette (#DEEAFF, #8C8800, #1D179B, #05013C, #000109)
• Deep Lagoon color palette (#EDDDEF, #A44900, #001F3D, #1B0808, #000309)
• Aubergine Meadow color palette (#EDE5E7, #B3989A, #9B6F67, #4B0E73, #0C0104)
• Moonless Olive Corridor color palette (#FAE5E5, #768100, #4D003A, #15000D, #040000)
• Muted Terracotta Summit color palette (#D9F6EA, #AA402F, #423B42, #002132, #000307)
• Twilit Delta color palette (#EED7E4, #CA0039, #1D0057, #04001A, #0C0102)
• Worn Mulberry Hollow color palette (#F5E4E6, #96A967, #6A2763, #2F0B2B, #0E0203)

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