Weathered Navy Pier color palette — #D5DFEB · #B77D56 · #003764 · #00162F · #040315

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

The five colors

• Silver (#D5DFEB): a clean, paper-quiet neutral.
• Caramel (#B77D56): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#003764): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#040315): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Softworn Coral Villa color palette (#CCE2ED, #C66D81, #003D48, #001A20, #010510)
• Patina Navy Drift color palette (#E8EFF9, #BA9368, #1E4276, #001E4D, #071629)
• Cellar Delta color palette (#DBE4F3, #98741C, #04176D, #000030, #00020C)
• Feathered Navy Canyon color palette (#D6DEF1, #7F9745, #2D217F, #120347, #060A1A)
• Airy Thicket color palette (#EFD5E8, #FF9885, #6073BD, #3A4670, #140511)
• Onyx Hollow color palette (#DFE6F7, #697400, #17005B, #260F25, #03001B)
• Wandering Garnet color palette (#E0EDF6, #2694BF, #970113, #004860, #190417)
• Aubergine Balcony color palette (#F5F4FF, #5AB693, #6A1D81, #3E004F, #1A172C)

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