Navy Pier color palette — #ECF5EB · #A0712E · #006E7E · #373471 · #190B1A
A conversation between Navy and Ochre, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF5EB): a clean, paper-quiet neutral.
- Ochre (#A0712E): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Teal (#006E7E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#373471): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#190B1A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. 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
- Navy Harbor color palette (#E6F7ED, #9C8E41, #00756A, #2A3C76, #360C21)
- Basalt Harbor color palette (#E5F6F0, #77833B, #3C5D92, #5E2759, #1E0B13)
- Hushed Rust Courtyard color palette (#FBECFA, #B5585A, #007450, #0B476C, #120E20)
- Antique Aubergine color palette (#D2FADF, #7B6600, #00506B, #3D0059, #150100)
- Navy Hollow color palette (#F9F5EA, #837E21, #2B6D29, #363682, #35260A)
- Aged Taupe Studio color palette (#E2F9E6, #B29A4F, #597541, #2E4572, #0E291E)
- Ancient Station color palette (#E6FBF3, #A3B76A, #5C924C, #475294, #0C1D0C)
- Faded Harbor color palette (#FFF3E6, #BA8747, #008AA0, #554E9D, #3F2721)
Browse the whole catalog at Explore, or see today's palette.