Navy Pier color palette — #FEF1F8 · #A7E4FF · #6EADFF · #009987 · #301E75

Royal Purple takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Powder Blue (#A7E4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#6EADFF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009987): A luminous, balanced teal — the color of glacier melt.
• Royal Purple (#301E75): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Pale Emerald color palette (#FBF2FA, #9DE9ED, #00BBF1, #009E50, #00306B)
• Teal Villa color palette (#FAF3F5, #D9DCF3, #AEBAF1, #00ADB3, #434466)
• Antique Thicket color palette (#E9FBEC, #D4E1F5, #0EA2F5, #007179, #002153)
• Iris Quarry color palette (#EBDEE4, #90C8E8, #5E8FEE, #007E75, #221247)
• Blush Market color palette (#F5E4E7, #FF97AE, #00B5BF, #009D7D, #49001C)
• Timeworn Forest Grove color palette (#F6ECF7, #70C0C1, #0090B8, #007232, #00132E)
• Sapphire Quarry color palette (#FFEEE2, #3FCCFD, #006FD6, #005347, #180949)
• Airy Raspberry color palette (#EBDEFA, #FFAADB, #05C2AB, #CA0094, #00362F)

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