Navy Pier color palette — #C9FEF9 · #87CBB7 · #469799 · #0A5C78 · #032B5E

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

The five colors

• Honeydew (#C9FEF9): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#87CBB7): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#469799): A luminous, dusty teal — the color of sea glass.
• Peacock (#0A5C78): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#032B5E): A deep, shadowed, balanced blue — the color of open sky before noon.

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

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

• Worn Atelier color palette (#E2FAFF, #96CCDB, #3F8C96, #006274, #004B62)
• Timeworn Onyx Field color palette (#C4FFFE, #96CADE, #658DB5, #454B82, #371C54)
• Powdered Navy color palette (#C4E9DD, #009FAD, #00638A, #002763, #140038)
• Worn Cypress color palette (#D3FEE2, #B4C192, #6A9972, #00685A, #00343A)
• Navy Field color palette (#CFF1E3, #00C1B9, #00809C, #00416D, #18005F)
• Teal Veranda color palette (#FFEBF9, #76BCA3, #4D8096, #704346, #173036)
• Lagoon Coast color palette (#EBF4F4, #D2D7DD, #B0ADB9, #5C8F7B, #2C3939)
• Glacier Delta color palette (#E6F5F9, #C9F6CC, #88E6E1, #6B9DC7, #16303B)

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