Quiet Navy Pier color palette — #D0E8F6 · #0070AD · #004189 · #10006C · #08002D

Deep Indigo and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D0E8F6): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0070AD): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#004189): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#10006C): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#08002D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Quiet 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 Petrol Delta color palette (#D3ECF3, #00799A, #005074, #002852, #000529)
• Chalky Nightshade Canyon color palette (#D6EAFF, #3969D9, #2B24AD, #2E006C, #110025)
• Frosted Aubergine color palette (#D3F5F8, #0085B6, #004885, #280081, #2F004E)
• Worn Workshop color palette (#D6E9ED, #009ED0, #0067D1, #2E1489, #19002B)
• Driftwood Summit color palette (#E3E9FC, #ABA0DF, #A86DA8, #004A76, #0C0326)
• Timeworn Navy Archive color palette (#F6E5F4, #3060D5, #735100, #00199C, #0D0600)
• Cobalt Workshop color palette (#C8E7FF, #7CA6E3, #637AC4, #414587, #2B2043)
• Patina Aubergine Thicket color palette (#D9DDF4, #774FCE, #5F0097, #3E004A, #180017)

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