Navy Pier color palette — #F1E1C2 · #86904F · #357143 · #26346A · #361424
A conversation between Navy and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E1C2): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#86904F): A luminous, balanced green — the color of fresh herbs.
- Pine (#357143): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#26346A): A deep, shadowed, balanced violet — the color of a velvet chair.
- Onyx (#361424): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Balance. 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
- Emerald Boulevard color palette (#E8F2D5, #419B62, #00706A, #402E5B, #2C0728)
- Weathered Amber color palette (#FEDEC7, #AE842B, #546332, #09405B, #0C1843)
- Dusty Canyon color palette (#E9F5D7, #71A56E, #007850, #003242, #000813)
- Wandering Summit color palette (#FCD9C7, #80742D, #0E572B, #3F1B46, #380012)
- Aged Denim color palette (#FFEADA, #9F955C, #488252, #6D457F, #2E0A29)
- Weathered Pewter Basin color palette (#E3EFE2, #7AB7A1, #6A8E73, #705278, #572D3E)
- Patina Emerald Meadow color palette (#E2DFC9, #49984B, #006342, #542C0E, #001501)
- Airy Olive color palette (#F5EFCB, #7E8300, #3B5C00, #0C3800, #001D09)
Browse the whole catalog at Explore, or see today's palette.