Navy Pier color palette — #D3FBFA · #009C5F · #006775 · #0B2C89 · #151B00

Indigo and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D3FBFA): A whisper-light, dusty teal — the color of shallow lagoons.
• Kelly Green (#009C5F): A luminous, balanced teal — the color of sea glass.
• Peacock (#006775): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#0B2C89): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#151B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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

• Aged Navy Courtyard color palette (#DDF2F7, #008E88, #005C83, #2F2867, #0A1800)
• Worn Emerald Canyon color palette (#D1FCF5, #339C00, #006965, #003D5D, #1F1700)
• Lagoon Orchard color palette (#D7FAFD, #00997A, #006580, #4C3400, #0C1D00)
• Emerald Harbor color palette (#F3F8E1, #009740, #005F94, #70005D, #452A00)
• Ancient Balcony color palette (#CAF0E6, #00AEA0, #00807D, #004E51, #00292D)
• Timeworn Ultramarine Summit color palette (#E1F6FF, #0093A7, #0E4EC8, #4F1C69, #001E12)
• Velvet Pine Corridor color palette (#D6EAEA, #007F5A, #00322A, #001415, #000504)
• Feathered Archive color palette (#ADF6DD, #25BBB1, #0C8A9A, #475874, #2C264D)

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