Navy Pier color palette — #D6FBF4 · #00A899 · #006F79 · #303082 · #002221

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

The five colors

• Honeydew (#D6FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00A899): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#006F79): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#303082): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Emerald Harbor color palette (#D0FEEF, #00AE56, #00725D, #00416B, #002313)
• Wandering Aubergine Drift color palette (#C8FEFC, #00A1C2, #00689C, #5C087D, #00202C)
• Wandering Navy color palette (#C8EFE9, #008A89, #005666, #2C1966, #001213)
• Antique Chapel color palette (#E4F6F4, #A1DAEF, #008FBE, #00606C, #00283E)
• Emerald Dune color palette (#FFF2ED, #00A576, #006B85, #76213C, #003F3A)
• Aged Canyon color palette (#E7FFD0, #00C3A6, #008F94, #445599, #003F39)
• Worn Hollow color palette (#DFF8F7, #64BB9B, #007D6A, #26583B, #002628)
• Shadow Drift color palette (#D1ECF4, #007B7A, #003036, #001319, #000406)

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