Midnight Navy Pier color palette — #D8E7F6 · #003D6C · #4B2600 · #251C00 · #000104

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

The five colors

• Frost (#D8E7F6): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#003D6C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#4B2600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#251C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Lowlit Garnet color palette (#C4F1EB, #004640, #620301, #2F1600, #000201)
• Nocturne Nightshade color palette (#EBEEFE, #3400A5, #3C3000, #172103, #01000A)
• Sunlit Garnet color palette (#D3EAFF, #00598E, #84003B, #283800, #000103)
• Wandering Ridge color palette (#D7DFF5, #304AB9, #862900, #4F3000, #000010)
• Fern Canyon color palette (#CBE9D5, #4B591E, #332800, #1A0900, #000200)
• Cellar Courtyard color palette (#F0E9F9, #67009E, #204A00, #003223, #020006)
• Weathered Lantern color palette (#CBE7FC, #8386BC, #954F77, #003F39, #000108)
• Lowlit Ultramarine color palette (#D5E6FD, #1A59B7, #003152, #000917, #000104)

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