Navy Pier color palette — #C7EAE9 · #00A0C1 · #00709B · #003F83 · #191D43
A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#C7EAE9): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A0C1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00709B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003F83): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#191D43): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Worn Lagoon Pier color palette (#DFF6EA, #00A494, #007580, #004B5E, #002336)
- Powdered Coast color palette (#E7F9FF, #45CBFE, #0092C9, #005D91, #093254)
- Frosted Ultramarine Garden color palette (#DEF3FE, #3A9CE5, #3C59D4, #3E318A, #26163A)
- Washed Azure Veranda color palette (#D7F0E6, #1D9CD8, #A76E00, #005C84, #291800)
- Dusty Navy color palette (#D1EAED, #007593, #004D83, #010472, #0A002B)
- Misty Ultramarine color palette (#FFEAFD, #73A4EB, #2360BF, #003666, #000B1F)
- Dusty Mallow Grove color palette (#DDF9F0, #D5DEFF, #DA99DF, #257A86, #2E192E)
- Lowlit Nightshade color palette (#D7F2FF, #005FA9, #1D009D, #1B0051, #060011)
Browse the whole catalog at Explore, or see today's palette.