Navy Pier color palette — #D0E7FD · #004670 · #283400 · #002115 · #00070A
A conversation between Navy and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Frost (#D0E7FD): A whisper-light, dusty blue — the color of open sky before noon.
- Navy (#004670): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Forest (#283400): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#002115): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, 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 Abyss Summit color palette (#D2F3FC, #005250, #452A00, #1B1D00, #000A04)
- Softworn Lapis Quarry color palette (#E2EAFF, #5146C3, #00462C, #003033, #001123)
- Obsidian Navy color palette (#E2ECFF, #1E0084, #2B1F21, #001F0F, #000909)
- Washed Navy color palette (#DDE1EC, #B4B8CB, #8B8CA3, #3F3782, #1B1F2B)
- Weathered Quarry color palette (#F3F4FF, #764FA6, #00574B, #003E4F, #101D35)
- Muted Grape Summit color palette (#EED9E2, #7848C3, #930026, #2E3400, #000813)
- Smoked Aubergine color palette (#E9ECFF, #5D1DA9, #630014, #151800, #000103)
- Velvet Aubergine Station color palette (#EDEDFF, #640092, #301E16, #1C0120, #03010F)
Browse the whole catalog at Explore, or see today's palette.