Navy Pier color palette — #EDE2E7 · #488199 · #00397A · #00201B · #01000A
A conversation between Navy and Slate, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#EDE2E7): a clean, paper-quiet neutral.
- Slate (#488199): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#00397A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#00201B): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Nightshade Grove color palette (#F9EBF0, #3E94BF, #0034BA, #002C28, #050018)
- Denim Archive color palette (#F0E7DA, #77AAC3, #00598E, #002B2F, #000106)
- Midnight Cypress color palette (#C7E8E3, #006E69, #003330, #1A1212, #000B08)
- Lapis Dune color palette (#CBE7E7, #3493A0, #5554C0, #242F00, #000404)
- Worn Cabin color palette (#EDE7ED, #88BDCA, #007790, #084F0B, #00172C)
- Garnet Basin color palette (#D6E8E8, #005B3F, #710032, #002518, #040001)
- Hushed Azure Orchard color palette (#F8EFF4, #C5E1F2, #5990D1, #006E5E, #232B42)
- Garnet Lagoon color palette (#BFEADD, #004639, #600024, #380C00, #000201)
Browse the whole catalog at Explore, or see today's palette.