Navy Pier color palette — #E6F7EB · #907300 · #274DA4 · #5B1D52 · #460F21
A conversation between Indigo and Ochre, giving this palette its sense of nature and growth.
The five colors
- Cream (#E6F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
- Ochre (#907300): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#274DA4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Mulberry (#5B1D52): A deep, shadowed, balanced pink — the color of neon signs at night.
- Espresso (#460F21): A deep, shadowed, balanced red — the color of late-summer berries.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Faded Bronze color palette (#FFECF2, #A56700, #005C7A, #4F2858, #420D2A)
- Moss Cabin color palette (#DCF9F2, #599011, #652F89, #5F203B, #470D0B)
- Charred Navy Boulevard color palette (#C8EBD6, #665700, #003277, #3E0025, #220003)
- Ancient Jade Terrace color palette (#F4DFAF, #83B37E, #447B86, #5C4E69, #4E3446)
- Muted Moss color palette (#E3F7F2, #74A64C, #008479, #00567D, #362A00)
- Jade Canyon color palette (#E7FAF7, #60AC69, #7F619A, #714640, #54374F)
- Hushed Olive Drift color palette (#EFEEDE, #658A0C, #006455, #00394D, #1C1200)
- Feathered Mulberry color palette (#C1EAF3, #007972, #81004A, #4A2000, #231700)
Browse the whole catalog at Explore, or see today's palette.