Navy Pier color palette — #E8D8E6 · #00A579 · #0F2A80 · #051237 · #120711
Built around Navy, softened by Fern — the whole palette hums with creativity and calm.
The five colors
- Silver (#E8D8E6): A whisper-light, dusty pink — the color of neon signs at night.
- Fern (#00A579): A luminous, balanced teal — the color of sea glass.
- Navy (#0F2A80): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Midnight (#051237): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#120711): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Calm, Balance. Tagged luxury, dark, 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
- Muted Emerald Alley color palette (#CDE4DB, #33A552, #003A56, #001827, #000A0B)
- Feathered Grove color palette (#E9DAE7, #B0861B, #16317A, #020B38, #050004)
- Marigold Courtyard color palette (#D2DFF3, #C89E3E, #355194, #17274C, #020B1D)
- Soft Navy color palette (#E7D9E5, #D9B35F, #5375C5, #24428F, #160314)
- Gentle Courtyard color palette (#EDD7E2, #DA5F63, #3A2172, #190839, #16050E)
- Antique Denim color palette (#F5ECEF, #DEC4CA, #B7979B, #5F4879, #38292E)
- Violet Bloom color palette (#F6E6EE, #8A6AF7, #7F008B, #432A89, #19070B)
- Cellar Veranda color palette (#FAE9EC, #B63F00, #340037, #190D02, #0C000D)
Browse the whole catalog at Explore, or see today's palette.