Shadow Navy Pier color palette — #CEE7D7 · #786700 · #00387D · #2C0020 · #040002
Built around Navy, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CEE7D7): A whisper-light, dusty teal — the color of sea glass.
- Olive (#786700): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#00387D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#2C0020): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged dark.
Use it as a design system
One click turns Shadow 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
- Shadow Atelier color palette (#E2F1EA, #6D6B00, #1E00B2, #2F000E, #040001)
- Twilit Chestnut Archive color palette (#F9EAEF, #925700, #004259, #220036, #020006)
- Charred Boulevard color palette (#F0E4D5, #624300, #003039, #2A0019, #100400)
- Twilit Cabin color palette (#D1F9F2, #257E04, #520083, #2D0600, #040000)
- Fern Hollow color palette (#D3E7E3, #1D5D00, #40464E, #161B20, #000706)
- Airy Emerald color palette (#E0E6D6, #009964, #00717D, #004285, #090800)
- Forest Terrace color palette (#CDEDE9, #056919, #420056, #1B1607, #160007)
- Emerald Alley color palette (#DEE8CD, #06A129, #006653, #003134, #000609)
Browse the whole catalog at Explore, or see today's palette.