Navy Pier color palette — #E0E5D8 · #4985BB · #003A7B · #002030 · #00022C
Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Parchment (#E0E5D8): bright and airy, almost weightless.
- Cerulean (#4985BB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003A7B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002030): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00022C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Antique Cerulean Delta color palette (#ECEFE1, #008FAC, #004358, #002225, #000B14)
- Linen Lantern color palette (#D7E7DA, #6797C3, #2051B1, #003948, #06002B)
- Tempered Indigo color palette (#EFE4D9, #79A5CF, #5F68CA, #005C61, #100020)
- Turquoise Thicket color palette (#D3E5E8, #11ABCD, #006F9E, #003A38, #000E04)
- Inked Cypress color palette (#CBF3E3, #006C5A, #003F39, #001E1C, #00080E)
- Dusty Aqua Lantern color palette (#F5F7E8, #3DCDDB, #007B8E, #005653, #003948)
- Twilit Pier color palette (#CDE7E9, #00494D, #0F0D99, #122B00, #000202)
- Hushed Cerulean Orchard color palette (#F4F6EE, #BEE7DA, #658EBA, #326A82, #544054)
Browse the whole catalog at Explore, or see today's palette.