Navy Pier color palette — #E5F3D2 · #007953 · #004E5A · #00215C · #080800
Midnight takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#E5F3D2): A whisper-light, dusty green — the color of new leaves after rain.
- Teal (#007953): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00215C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#080800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Gentle Pine color palette (#D9E5C4, #007A4B, #004F55, #002749, #0B0020)
- Twilit Drift color palette (#DFF0F3, #007865, #004258, #120048, #000200)
- Forest Coast color palette (#DFF0D5, #006854, #003E52, #251800, #010200)
- Antique Aubergine Basin color palette (#DEEDE1, #00747E, #004388, #37005B, #000B03)
- Lagoon Boulevard color palette (#CDE6DD, #008B79, #006058, #003837, #001517)
- Weathered Olive color palette (#F6EACB, #716800, #00532D, #002D32, #100500)
- Airy Onyx color palette (#D5F0E6, #4B9C92, #00717D, #29386D, #1D0A47)
- Worn Courtyard color palette (#E4E0CA, #6D904B, #206314, #333D00, #081300)
Browse the whole catalog at Explore, or see today's palette.