Navy Pier color palette — #E7DDE4 · #B39EA5 · #997E80 · #373D7D · #12040E

Navy and Ink set the tone — five colors that lean into creativity and sophistication.

The five colors

• Silver (#E7DDE4): bright and airy, almost weightless.
• Taupe (#B39EA5): A luminous, dusty rose — the color of strawberry cream.
• Driftwood (#997E80): A luminous, dusty red — the color of late-summer berries.
• Navy (#373D7D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#12040E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Abyss Summit color palette (#D9E4DE, #B09EB0, #997D8D, #004C65, #000D06)
• Navy Garden color palette (#EEE4EB, #A79499, #846967, #1A1C6B, #11050E)
• Ultramarine Ridge color palette (#E7EBF1, #A59DA7, #9C8091, #4958B6, #030818)
• Worn Terrace color palette (#DFE1E7, #B8BAC5, #928EA8, #32268A, #00000B)
• Mulberry Hollow color palette (#F0DFDF, #C7AEA8, #AE8D7A, #7C3365, #1D1010)
• Muted Indigo Workshop color palette (#F5EBEF, #E8D1D4, #CBB0AD, #7A62A9, #362A2F)
• Hushed Pewter color palette (#E2E4F4, #9164A1, #74414C, #00391E, #001B0C)
• Ancient Archive color palette (#FCF2F3, #E3D9D1, #CCC0AF, #AE8287, #514445)

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