Patina Navy Pier color palette — #E5F2EE · #C28E73 · #0E466E · #00233E · #071A15

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

The five colors

• Cream (#E5F2EE): a clean, paper-quiet neutral.
• Caramel (#C28E73): A luminous, dusty orange — the color of toasted spice.
• Navy (#0E466E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00233E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#071A15): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Dusty Navy color palette (#F8E9F4, #AC9B59, #2E3D78, #121B4E, #210F1D)
• Jade Workshop color palette (#DEEBF6, #72B17C, #004D6B, #001F2E, #00060D)
• Softworn Terrace color palette (#F3E3F4, #A96A21, #00264F, #1E1422, #00091B)
• Aged Atelier color palette (#E3F0FF, #FFB2A5, #598AC5, #3E5876, #0F1720)
• Mint Harbor color palette (#E5F2EC, #85C78D, #006C94, #003B52, #071A13)
• Basalt Courtyard color palette (#FBF3F6, #C5C2A0, #5D587F, #383258, #33272D)
• Mulberry Veranda color palette (#EEF8F4, #6CA0C5, #97345B, #005580, #2A0F0C)
• Airy Study color palette (#FFF1F5, #84B16A, #5C3079, #390355, #2F0C1B)

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