Wandering Navy Pier color palette — #FFF2ED · #76C6D1 · #0077A5 · #005936 · #112E6C

Navy takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#76C6D1): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005936): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#112E6C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

Use it as a design system

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

• Antique Quarry color palette (#FFF2E9, #84C0E3, #3566D2, #005651, #381C71)
• Aqua Thicket color palette (#EAF5EC, #47D0DF, #007E9A, #005348, #001D2C)
• Onyx Pier color palette (#F4E6DF, #66ABB9, #005D8D, #00402C, #0D1356)
• Pale Boulevard color palette (#FDF4E5, #6CDEEB, #009CBD, #007465, #003850)
• Feathered Cornflower color palette (#FFF3E8, #AED9C9, #5379DA, #006762, #44336D)
• Periwinkle Drift color palette (#F4FAD3, #8BE0E1, #57A8F2, #746900, #004638)
• Patina Market color palette (#FAF4F0, #CAE8E5, #73A597, #377E66, #64495C)
• Hushed Navy color palette (#F9EEE6, #5189A0, #003A78, #00231D, #090029)

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