Navy Pier color palette — #DCE7F7 · #5F8200 · #08177A · #100612 · #010025

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

The five colors

• Frost (#DCE7F7): A whisper-light, dusty blue — the color of deep harbor water.
• Olive Leaf (#5F8200): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#08177A): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#100612): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#010025): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

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

• Twilit Onyx Meadow color palette (#F2E3EC, #78820E, #180056, #0E0203, #01000A)
• Timeworn Market color palette (#E6ECFE, #008968, #2A0F70, #200E1D, #06001F)
• Navy Drift color palette (#D5E0F2, #AF5B00, #0F107F, #150817, #010024)
• Gentle Coast color palette (#E3E5F6, #00AD71, #522C84, #230841, #02010F)
• Ancient Alley color palette (#DDDDE9, #AB9FB5, #967D91, #592E72, #080716)
• Hushed Lime Veranda color palette (#E9DFF9, #6EC517, #91287D, #4D1141, #140921)
• Worn Aubergine color palette (#DFE4F5, #C3676D, #4B2B9E, #180042, #01010C)
• Lapis Ridge color palette (#D1DFFF, #451BD6, #374E00, #1F2F00, #000010)

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