Navy Pier color palette — #EEDFD1 · #2F88C2 · #052D96 · #002225 · #090028

Indigo and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EEDFD1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cerulean (#2F88C2): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#052D96): A deep, shadowed, vivid violet — the color of wild irises.
• Midnight (#002225): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#090028): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Softworn Navy color palette (#F8EDE3, #4A7EA6, #26327A, #001F1F, #020007)
• Worn Alley color palette (#F5E4EA, #6199C2, #3C50A3, #003B3B, #0F0023)
• Tempered Lagoon color palette (#F6E4DB, #009299, #004356, #002417, #000A16)
• Quiet Cobalt Ridge color palette (#E4EFE6, #7EA5C5, #3873C8, #005A6D, #04002D)
• Patina Petrol color palette (#FCEAE3, #75BFC7, #007393, #00523C, #003053)
• Antique Forest Harbor color palette (#FFF2EB, #73E3E2, #008EA7, #006A40, #16445F)
• Hushed Aubergine color palette (#FBD3D8, #C97A52, #8B6400, #501751, #250103)
• Velvet Mulberry color palette (#FFDAD2, #98003D, #004941, #430016, #000806)

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