Navy Pier color palette — #E1E7C6 · #19725D · #034178 · #282500 · #041604

Navy and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E1E7C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#19725D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#034178): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#282500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#041604): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Tempered Cypress Thicket color palette (#FAEDCD, #437450, #004146, #3A1600, #220A00)
• Dusty Spruce color palette (#C4EAF7, #49819C, #453D6C, #00330D, #001F20)
• Gentle Denim color palette (#D2ECED, #327BA0, #354D9C, #581B1F, #1F0D00)
• Navy Alley color palette (#CAF1F4, #00698C, #212C67, #2F0002, #0A0300)
• Hushed Basin color palette (#FBE8EE, #5E84A7, #2A2E85, #002223, #100021)
• Onyx Archive color palette (#D2EAEA, #00667F, #00314A, #000E49, #0C0028)
• Wandering Archive color palette (#D3F3E8, #0F8FB3, #67608D, #633C0F, #211000)
• Moonless Fern Workshop color palette (#F5E3E9, #675F12, #133400, #001B1C, #070600)

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