Navy Pier color palette — #D5E3D8 · #4B89A8 · #003F6A · #002226 · #000526

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

The five colors

• Silver (#D5E3D8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4B89A8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Navy (#003F6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000526): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Abyss color palette (#E1F1E4, #538C88, #00454B, #002417, #000B10)
• Gentle Navy Harbor color palette (#E4EFE6, #5E96BB, #00498B, #002F37, #040446)
• Muted Market color palette (#F5E7EE, #597D97, #002E93, #00201C, #020009)
• Cobalt Market color palette (#E8E0D5, #60ABD0, #0079C5, #005C65, #000526)
• Ultramarine Cabin color palette (#E8DED7, #6E9E8B, #1F52AD, #003C36, #0B0027)
• Patina Cypress color palette (#CCF6F3, #006E68, #433E45, #002F2D, #000D0B)
• Timeworn Coast color palette (#D2F8F1, #56A7B0, #0073AB, #004125, #000E0F)
• Dusty Petrol Cabin color palette (#E7F2E9, #76C0BF, #007683, #00523D, #003343)

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