Navy Pier color palette — #D4F6E1 · #00635B · #002377 · #191400 · #000203
Navy and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D4F6E1): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#00635B): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#002377): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#191400): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000203): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged retro, 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
- Midnight Aubergine color palette (#CDE5E1, #00505B, #250063, #020F00, #000103)
- Forest Meadow color palette (#FFE6F1, #006546, #00324D, #240D00, #000202)
- Shadow Navy color palette (#CBEAD1, #006080, #140094, #310900, #000C19)
- Aged Denim color palette (#DEF1E7, #247675, #334671, #182B00, #000B05)
- Nightshade Courtyard color palette (#F0E4D2, #0082AA, #1E29AB, #350B00, #000103)
- Moonless Pine color palette (#D0E9DB, #427739, #004034, #002133, #000400)
- Timeworn Denim color palette (#EEE4EA, #5894A6, #004C81, #002D22, #03001C)
- Aubergine Delta color palette (#D2EDEC, #1165B5, #640462, #002421, #04001E)
Browse the whole catalog at Explore, or see today's palette.