Shadow Navy Pier color palette — #FAE2FC · #00447F · #5B2200 · #1F1E00 · #00040F

Navy takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FAE2FC): A whisper-light, dusty pink — the color of neon signs at night.
• Navy (#00447F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#5B2200): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#1F1E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00040F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cellar Garnet color palette (#CBE7DB, #004A68, #6B000F, #261B00, #00050B)
• Navy Alley color palette (#EBD9E8, #0A248C, #3F1500, #0E1100, #000203)
• Twilit Nightshade color palette (#F1DAE7, #411CA8, #4A3000, #102200, #04001B)
• Obsidian Aubergine color palette (#FBEAF2, #5425A0, #560009, #131600, #000A0B)
• Nightshade Study color palette (#F7EDDC, #5641AC, #520054, #1E1800, #120026)
• Quiet Summit color palette (#F2D7DA, #860684, #404800, #003029, #1C011B)
• Hazy Thicket color palette (#EFE0EE, #1B62CC, #5D0044, #002259, #060003)
• Ancient Aubergine color palette (#E8E0E5, #B6A3AB, #9A737C, #2F188E, #210A1A)

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