Navy Pier color palette — #FFF4DB · #907E00 · #006860 · #27328D · #551430

Indigo takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#907E00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006860): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#27328D): A deep, shadowed, balanced violet — the color of wild irises.
• Mulberry (#551430): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Aubergine Chapel color palette (#FDF6D2, #788700, #006671, #4F2083, #591409)
• Linen Bronze Lantern color palette (#FFF3E6, #B06B00, #006C3E, #00436E, #4E1545)
• Aubergine Courtyard color palette (#FFF0D8, #A57B00, #006777, #4F176F, #26003A)
• Pale Ridge color palette (#E0EED0, #00825D, #004995, #5E0040, #332000)
• Timeworn Station color palette (#EBE1C1, #6D6D00, #005059, #3E1160, #3A1000)
• Dusty Nightshade Market color palette (#E4FCED, #B29C00, #0080B8, #4645A9, #5B0036)
• Misty Emerald Lantern color palette (#F4F7E4, #469F43, #006C96, #5F3760, #502F13)
• Linen Lagoon Studio color palette (#FAEDAB, #97B076, #3F8B6A, #585A83, #5C416C)

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