Navy Pier color palette — #D1E8E7 · #007094 · #00307E · #21003C · #040003
Built around Navy, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#D1E8E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#007094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00307E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#21003C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.
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
- Velvet Atelier color palette (#DCEEF2, #0064AA, #380099, #290033, #050001)
- Velvet Onyx Drift color palette (#D9F5E1, #007471, #003C57, #0C004E, #030007)
- Twilit Aubergine Summit color palette (#ECE4D1, #005F73, #390077, #1B1300, #000205)
- Softworn Ultramarine Coast color palette (#D4EEFA, #008BDA, #263CC0, #21005F, #020006)
- Abyss Chapel color palette (#DAE2E8, #96A1B1, #76799B, #003C4F, #00050A)
- Twilit Navy Garden color palette (#E6EFFF, #002E7D, #141219, #0D0018, #000105)
- Lapis Villa color palette (#C8F3F9, #0097D2, #5239D4, #4C0061, #28001B)
- Cobalt Cabin color palette (#D9EFF4, #4D6FB8, #612561, #1D2200, #0B0E00)
Browse the whole catalog at Explore, or see today's palette.