Navy Pier color palette — #F8EDE5 · #4B89A4 · #003E6D · #002221 · #03012C

Built around Navy, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Cream (#F8EDE5): bright and airy, almost weightless.
• Cerulean (#4B89A4): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#003E6D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#03012C): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Frosted Navy color palette (#EDE3DC, #5099BE, #00488F, #003031, #0D073E)
• Cerulean Chapel color palette (#DCECEB, #0084AE, #00405F, #001E25, #000104)
• Wandering Drift color palette (#E2F0E4, #77A8BF, #007BBC, #005C63, #00081E)
• Weathered Forest color palette (#F6ECE7, #9DBB99, #007586, #00532B, #003248)
• Hushed Aubergine Meadow color palette (#FDE9E7, #D06B5E, #986400, #53096D, #220007)
• Lowlit Quarry color palette (#FBD7D7, #900067, #004944, #3F002B, #000807)
• Patina Sapphire Summit color palette (#FFF3E6, #8CBEE7, #315CEB, #00545E, #322861)
• Eclipse Chestnut color palette (#FCEADA, #755200, #442100, #270200, #040300)

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