Worn Navy Pier color palette — #9EFEFE · #00AFCF · #0078A7 · #004291 · #261286

Indigo and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#9EFEFE): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00AFCF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0078A7): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#004291): A deep, shadowed, balanced blue — the color of deep harbor water.
• Indigo (#261286): A deep, shadowed, vivid 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 Worn 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

• Navy Hollow color palette (#65FFEA, #00B4C0, #0073A3, #0030A2, #1F004E)
• Pale Aubergine color palette (#BCF0FF, #07AAF5, #006BD2, #3034A3, #3D0089)
• Turquoise Pier color palette (#87FFE7, #00C0CA, #007892, #00496D, #003266)
• Patina Navy Lagoon color palette (#D5E6E8, #009FD4, #005E99, #142681, #250065)
• Hushed Aubergine color palette (#ACFFEB, #00CFE0, #0093CA, #1750C3, #39008F)
• Wandering Nightshade color palette (#CDEAF9, #007FD4, #2736B1, #290069, #220036)
• Pale Summit color palette (#EBF7FF, #00EFE5, #26C1FB, #5279E2, #003658)
• Hazy Drift color palette (#FFF4DE, #009DB4, #0960AF, #782325, #043B4E)

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