Navy Pier color palette — #FAEDD7 · #99853A · #416724 · #193985 · #333302
Built around Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FAEDD7): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#99853A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#416724): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#193985): A deep, shadowed, balanced violet — the color of a velvet chair.
- Espresso (#333302): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.
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
- Feathered Aubergine color palette (#FDECD1, #789050, #006B4E, #4A2287, #30312A)
- Hushed Bronze Canyon color palette (#FDECD2, #B27740, #665C00, #004661, #34302A)
- Dusty Fern Chapel color palette (#FAE4D5, #C17607, #126E11, #472468, #211600)
- Linen Harbor color palette (#F8F1E0, #847829, #00615B, #232492, #4E0E2B)
- Feathered Navy Veranda color palette (#F0E0C7, #6F6800, #004B0F, #190071, #131900)
- Pine Workshop color palette (#FFE7F3, #D59140, #3F8B40, #624388, #173826)
- Ancient Emerald color palette (#F9E2B3, #3B9400, #006052, #51007B, #003317)
- Washed Lagoon color palette (#FEF4E3, #8CB392, #3F857F, #6F487A, #3A500B)
Browse the whole catalog at Explore, or see today's palette.