Navy Pier color palette — #FFF1F2 · #925B8D · #006472 · #0A4376 · #3C242E

A conversation between Navy and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Slate (#925B8D): A full-bodied, balanced pink — the color of neon signs at night.
• Peacock (#006472): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#0A4376): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#3C242E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Dusty Denim Ridge color palette (#FFF2EF, #AD6174, #0D639C, #423876, #372124)
• Ancient Atelier color palette (#FFF0F8, #7473B6, #00684B, #005158, #342236)
• Feathered Mulberry Balcony color palette (#FFEAEA, #A30082, #004F5F, #002A5C, #220939)
• Soft Fern Boulevard color palette (#FDEFE3, #A26639, #466A10, #004976, #200905)
• Emerald Balcony color palette (#FFF0F8, #C6886A, #4F903E, #005D9F, #362638)
• Worn Pewter color palette (#FBF4EF, #DEDBD0, #C4C1AE, #936956, #50453F)
• Chalky Brick Station color palette (#FFF2EC, #BA3126, #2441AC, #4F1177, #381222)
• Bronze Veranda color palette (#FFF3E2, #C08B58, #84640B, #185C3B, #413C36)

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