Patina Navy Pier color palette — #D1E1E8 · #0070A1 · #00409B · #1A006E · #0D0022

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

The five colors

• Silver (#D1E1E8): a clean, paper-quiet neutral.
• Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#00409B): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#1A006E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#0D0022): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Hushed Atelier color palette (#D6EFF2, #007998, #004B70, #002158, #060024)
• Airy Alley color palette (#CFE5E8, #0084BD, #005CC1, #2F00A4, #130023)
• Wandering Canyon color palette (#DEF0FF, #006ADA, #4212C5, #300065, #0F0015)
• Worn Basin color palette (#D3E3FA, #025AE6, #675700, #002D88, #080600)
• Airy Grove color palette (#D1E2F9, #B591F4, #BE5A95, #004E6F, #0A0727)
• Soft Sapphire color palette (#CFE4E4, #997400, #3153FF, #110523, #000109)
• Patina Indigo color palette (#D5E3ED, #67A0FF, #6F57E3, #63368F, #421E4B)
• Amethyst Dune color palette (#D8E1F8, #7736F6, #690093, #44004C, #1B0012)

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