Navy Pier color palette — #CEF1FF · #006A98 · #003B6F · #030072 · #0E003F

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

The five colors

• Frost (#CEF1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006A98): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003B6F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#030072): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#0E003F): A deep, shadowed, balanced violet — the color of wild irises.

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

• Wandering Petrol color palette (#D7E9EC, #007188, #004963, #00223A, #0F042A)
• Antique Dune color palette (#CBE3F3, #008CDC, #006FCA, #00449C, #030044)
• Ultramarine Coast color palette (#DDEBFF, #0058C3, #614700, #002962, #170E00)
• Airy Nightshade color palette (#D5E4F2, #006AE2, #1A00CA, #1C005C, #160034)
• Sunlit Bloom color palette (#DEE5F3, #AD99FE, #985CAC, #003D5E, #0F1236)
• Eclipse Loft color palette (#E9EFFF, #5354EB, #25009B, #040041, #010010)
• Prism Ultramarine Canyon color palette (#CCE5F5, #2198FB, #083EF7, #2D16A8, #341C6C)
• Weathered Amethyst Courtyard color palette (#DBDFF2, #7438FF, #4C0092, #35004E, #230025)

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