Navy Pier color palette — #DDE2D5 · #00613A · #003D79 · #002815 · #000614
A conversation between Navy and Pine, giving this palette its sense of nature and growth.
The five colors
- Bone (#DDE2D5): a clean, paper-quiet neutral.
- Pine (#00613A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003D79): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Forest (#002815): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000614): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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
- Lowlit Abyss color palette (#DAEBE4, #004B39, #003851, #292500, #000201)
- Aubergine Workshop color palette (#DAECDC, #005D62, #520092, #002629, #0A001A)
- Forest Terrace color palette (#E5F5DB, #005F4F, #533900, #00271F, #0A0500)
- Inked Aubergine Quarry color palette (#DFE6CC, #005C2E, #650062, #00260F, #030003)
- Dusty Parlor color palette (#DAE9DB, #007D7F, #6D00D2, #004244, #200A41)
- Washed Teal Corridor color palette (#E6F4D5, #53B09C, #007777, #003D17, #00120C)
- Ancient Cobalt Summit color palette (#E0E8CB, #0076D0, #007274, #050D11, #000300)
- Worn Lagoon color palette (#C1E9E5, #22903A, #82005F, #004512, #11000A)
Browse the whole catalog at Explore, or see today's palette.