Navy Pier color palette — #DDE8CF · #00694B · #00386C · #3A0100 · #000201
A conversation between Navy and Pine, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#DDE8CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#00694B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00386C): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#3A0100): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged dark, 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
- Eclipse Fern Grove color palette (#F1EBDC, #635900, #003E54, #380018, #020200)
- Midnight Veranda color palette (#D3E5CE, #00665E, #450E83, #2C1300, #000202)
- Navy Terrace color palette (#D2EEFB, #004550, #000664, #13001B, #000201)
- Deep Basin color palette (#E4E8D6, #0F722E, #380083, #240048, #040100)
- Weathered Denim color palette (#EDF3D9, #3D8A7E, #025584, #4C1E00, #140E00)
- Aged Bronze Canyon color palette (#EDE2D7, #857424, #3B4D00, #003427, #080600)
- Patina Studio color palette (#DFEEE1, #008287, #005997, #42157A, #000300)
- Ancient Onyx Corridor color palette (#D6F1F0, #007686, #004F6A, #002A47, #01002F)
Browse the whole catalog at Explore, or see today's palette.