Navy Pier color palette — #FDF3EC · #A66440 · #006964 · #0A3C81 · #381E1F

Navy takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Ochre (#A66440): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#006964): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0A3C81): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#381E1F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, 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

• Muted Forest color palette (#FFF2ED, #A7606A, #017233, #004E66, #3A232B)
• Hushed Study color palette (#FAF4ED, #9C7E4D, #00758A, #533C79, #452E26)
• Aged Cypress Basin color palette (#FDF4E8, #A7814B, #20744E, #004C78, #4E274D)
• Muted Pine color palette (#FFEEE4, #BE6239, #0E782A, #493076, #231004)
• Soft Canyon color palette (#FEF5DD, #7E7500, #005B84, #56006F, #3A1709)
• Aubergine Station color palette (#FFEBD4, #8D5700, #00484E, #2C0082, #380011)
• Olive Basin color palette (#FFF4E2, #BD8C57, #706E06, #00547B, #413C36)
• Worn Olive color palette (#FFF1F5, #C78129, #5F8928, #4957A0, #361F28)

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