Navy Pier color palette — #F1F1D1 · #00A17E · #00625F · #00157E · #000504

Navy takes the lead with Fern close behind in a set that reads as creativity and calm at first glance.

The five colors

• Custard (#F1F1D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#00A17E): A luminous, balanced teal — the color of glacier melt.
• Peacock (#00625F): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#00157E): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#000504): quiet, heavy and certain.

Feels like: Creativity, Calm, Balance. Tagged retro, cool.

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

• Dusty Archive color palette (#F4F0CF, #3AA15B, #006450, #002E4C, #000502)
• Wandering Aubergine color palette (#EBF4C7, #009CA6, #005E77, #36006E, #000506)
• Ancient Cypress Terrace color palette (#C6E7DD, #007955, #004742, #002151, #001C14)
• Obsidian Petrol color palette (#DCE1D4, #006E8C, #00345A, #190020, #000103)
• Antique Cerulean color palette (#F5F7E8, #94D9E1, #00899E, #00524F, #000F15)
• Nightshade Summit color palette (#DFFAEC, #0087AB, #333DA6, #3D0049, #060001)
• Tempered Pine Veranda color palette (#FBDFEE, #007A23, #00444A, #3D0023, #000704)
• Petrol Field color palette (#9EF4EE, #65B0BD, #247FA0, #3F3168, #1B062A)

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