Midnight Navy Pier color palette — #F2E4F3 · #004381 · #2A252D · #130525 · #030004

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

The five colors

• Blush (#F2E4F3): A whisper-light, dusty pink — the color of neon signs at night.
• Navy (#004381): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#2A252D): a grounded near-black with real depth.
• Ink (#130525): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Midnight 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

• Smoked Abyss Chapel color palette (#D8EEDC, #004D54, #222931, #000E23, #000200)
• Denim Studio color palette (#EDE2DB, #42AACF, #18589D, #003A31, #090328)
• Softworn Ultramarine color palette (#D7E1ED, #005FB6, #463B3E, #241E3F, #00091A)
• Shadow Nightshade color palette (#DBDFEF, #26009E, #1D1205, #100013, #000201)
• Wandering Veranda color palette (#FCE7F0, #8D6CCF, #493636, #261A20, #0F0B0F)
• Wandering Pine Lagoon color palette (#E5DFCA, #458A50, #004F46, #002D48, #070900)
• Smoked Mulberry Delta color palette (#FFE8EA, #8D0089, #27281E, #300B0F, #0E0203)
• Aubergine Workshop color palette (#FFDAE6, #543100, #3D005F, #1C0F06, #070002)

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