Navy Pier color palette — #F7EDE5 · #3A8BA8 · #003F6A · #002220 · #02002E

Navy and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EDE5): a clean, paper-quiet neutral.
• Cerulean (#3A8BA8): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003F6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#02002E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Weathered Workshop color palette (#E0F0EF, #1484A8, #00415D, #001E24, #000104)
• Washed Azure color palette (#E5E8D9, #2E9FC9, #005F87, #003A44, #000A16)
• Dusty Byzantium Workshop color palette (#D0EFE0, #7A9CE5, #8E53B1, #00413E, #000F22)
• Garnet Alley color palette (#D3ECE2, #00577F, #741400, #002337, #130100)
• Timeworn Sapphire color palette (#F4EDE6, #8BB6DE, #4861B7, #004E59, #2E264E)
• Smoked Garnet Balcony color palette (#D5EFF9, #00475A, #5E1700, #2F2200, #000203)
• Softworn Studio color palette (#FDF3EE, #96D1D4, #0085A4, #006344, #124438)
• Deep Summit color palette (#EDE0CA, #5F5D00, #382900, #1D0C00, #040400)

Browse the whole catalog at Explore, or see today's palette.