Navy Pier color palette — #D5E6FD · #002B62 · #1A101D · #04001A · #040100

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

The five colors

• Frost (#D5E6FD): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#002B62): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#1A101D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#04001A): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Twilit Loft color palette (#CFE0F7, #0057B9, #1D1B43, #060E12, #050005)
• Charred Onyx Garden color palette (#E1EFFB, #3A333B, #00314C, #0F0C15, #00011C)
• Velvet Spruce color palette (#C7E8F6, #635C55, #00353C, #191B22, #00050A)
• Inked Aubergine color palette (#DCE3FC, #33007B, #2C121F, #100C04, #090010)
• Dusty Pewter color palette (#E3E2F5, #885BA2, #372C47, #1E1C30, #0F0B14)
• Patina Terrace color palette (#DFECE2, #5E869F, #004065, #002225, #00081E)
• Velvet Workshop color palette (#E4EFFF, #3F54BD, #31007B, #1E003B, #0E0017)
• Velvet Aubergine Basin color palette (#E8E2F7, #510A92, #4F2800, #002B24, #03000A)

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