Navy Pier color palette — #FEF1FA · #7AC6CF · #0077A5 · #005936 · #0B2B74

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

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Aqua (#7AC6CF): A luminous, dusty blue — the color of deep harbor water.
• 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 (#0B2B74): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Gentle Sapphire color palette (#FFF1F6, #89C0DF, #3267D1, #005650, #361E6E)
• Petrol Delta color palette (#F7F1E7, #7EC9D5, #007E9D, #00524A, #001D2D)
• Cerulean Orchard color palette (#EDF9EF, #93D8E3, #009BC1, #007368, #003753)
• Softworn Denim Lantern color palette (#EBDEE7, #68AAB9, #005D8E, #00402D, #101949)
• Patina Coast color palette (#FAF3F7, #D6E0F2, #809CB9, #447B69, #46526C)
• Antique Navy color palette (#F4DFEA, #468AA8, #003781, #00231E, #0A0028)
• Sky Quarry color palette (#FFF2EC, #76EEFF, #25B7FB, #009D66, #152E6A)
• Softworn Lapis Hollow color palette (#F6E3B5, #A47F00, #554AFF, #624B00, #211B73)

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