Navy Pier color palette — #E8DCEF · #A8396E · #325100 · #0B1B7C · #1E1546

Navy takes the lead with Magenta Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#E8DCEF): A whisper-light, dusty violet — the color of a velvet chair.
• Magenta Rose (#A8396E): A full-bodied, balanced rose — the color of pressed rose petals.
• Deep Olive (#325100): A deep, shadowed, balanced green — the color of fresh herbs.
• Navy (#0B1B7C): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#1E1546): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Plum Canyon color palette (#E4DDF3, #9B3E8F, #4C4900, #00314D, #16164A)
• Airy Meadow color palette (#F9EDFD, #B2536F, #3A6000, #01357F, #33204B)
• Brick Basin color palette (#ECDBE9, #B13833, #005435, #360872, #300B3B)
• Terracotta Archive color palette (#F0DAE9, #9F2100, #004131, #0B0068, #0D0040)
• Smoked Quarry color palette (#FEE7F7, #842100, #003326, #1E0036, #140010)
• Ember Garden color palette (#F1D9EA, #EE3804, #7C5F00, #502D77, #3D0420)
• Amber Ridge color palette (#FFF0F9, #C76C46, #007369, #433F7A, #402F53)
• Washed Bronze color palette (#F3DBE0, #B68776, #7B6B22, #334771, #2D3159)

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