Navy Pier color palette — #FFF1F6 · #86BD9E · #5B437E · #332648 · #2C1D23

Plum and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mint Leaf (#86BD9E): A luminous, dusty teal — the color of glacier melt.
• Plum (#5B437E): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#332648): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#2C1D23): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Aubergine Villa color palette (#F1F0FE, #C8B07F, #6F3D7D, #341C3B, #0D0A17)
• Washed Basalt color palette (#FBF3F3, #BCC59F, #7A5155, #522B31, #2F231E)
• Wandering Seafoam color palette (#F1F5FF, #93EBC0, #8D8FC5, #59627D, #1E212B)
• Weathered Mulberry Atelier color palette (#FFF2EF, #83B170, #860141, #4C0022, #310E09)
• Grape Study color palette (#FDF2F5, #BAA3D2, #797117, #7740A3, #2B230E)
• Aubergine Studio color palette (#F8DDE1, #00AD72, #60006C, #2F0036, #1A000C)
• Plum Dune color palette (#FBF3F2, #E0DAD2, #C2C0B3, #A3577E, #534343)
• Ancient Field color palette (#FBF6DD, #A989BB, #9E4F44, #005576, #553233)

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