Ancient Navy Pier color palette — #F4EADF · #557D9D · #222C89 · #001F1F · #020007

Indigo takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F4EADF): a clean, paper-quiet neutral.
• Slate (#557D9D): A full-bodied, dusty blue — the color of deep harbor water.
• Indigo (#222C89): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#001F1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Ancient 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

• Navy Garden color palette (#F5E6DF, #5D826C, #003E66, #002016, #01000B)
• Denim Veranda color palette (#DAE7DD, #7FA7C8, #20529D, #002A34, #01000B)
• Washed Navy color palette (#FFE3EE, #A8708C, #9C4F24, #002F71, #050004)
• Airy Petrol Canyon color palette (#FFEEE8, #7ECAD1, #007CA7, #00552F, #001642)
• Nocturne Aubergine color palette (#F5E5FC, #7E3C82, #4A0056, #231408, #110012)
• Deep Harbor color palette (#E3F2FF, #2B3AA7, #370065, #1F0024, #040002)
• Charred Aubergine color palette (#FADBE7, #593190, #1A4700, #29004F, #000200)
• Muted Cypress color palette (#F7F0EB, #CAE3D9, #778CBF, #006D69, #2F2549)

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