Weathered Navy Pier color palette — #E7DED9 · #4B828F · #003F65 · #002016 · #00000C

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

The five colors

• Bone (#E7DED9): a clean, paper-quiet neutral.
• Slate (#4B828F): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002016): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Denim Terrace color palette (#F8EAE2, #5F93A4, #004B83, #002D23, #03001B)
• Timeworn Navy color palette (#E7DDD3, #538476, #252791, #001F20, #020007)
• Forest Chapel color palette (#CBE6D9, #006C50, #00312A, #0F161A, #000905)
• Patina Ridge color palette (#EBE0DC, #86A687, #00617D, #003C16, #000A1E)
• Petrol Coast color palette (#DCE1D2, #46A0AA, #3C67A5, #2F2E00, #000403)
• Obsidian Aubergine Parlor color palette (#EBF3E2, #005B41, #640063, #002519, #030003)
• Linen Sapphire color palette (#EFE7E1, #8BBAD6, #3A66C0, #004C46, #19063C)
• Cobalt Villa color palette (#F8F0E9, #A9D1C7, #6D75B8, #005A60, #281738)

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