Navy Pier color palette — #F6F1E6 · #A69D6D · #338079 · #3E4680 · #3E1C16

Navy and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F1E6): a clean, paper-quiet neutral.
• Taupe (#A69D6D): A luminous, dusty green — the color of fresh herbs.
• Teal (#338079): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3E4680): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3E1C16): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Muted Aubergine Hollow color palette (#F3F3E8, #8BA674, #297B9C, #69346A, #3B2000)
• Softworn Denim Drift color palette (#F8F0EB, #BF9076, #597D54, #005373, #361B39)
• Dusty Coast color palette (#FDF1F7, #CB855B, #147D93, #6C4366, #463D58)
• Hushed Lagoon color palette (#EEF8F2, #BEB275, #28A192, #546896, #4B3A58)
• Ancient Grove color palette (#FBF1DB, #CBCAB1, #909C7F, #7B5D70, #4E333B)
• Timeworn Pier color palette (#F6F3DB, #768F00, #006870, #3E0094, #34000D)
• Softworn Courtyard color palette (#F5F6EB, #B8D6AB, #83A575, #5963AC, #3F390C)
• Forest Boulevard color palette (#F4EECE, #AAC290, #639259, #0A6B3D, #32362F)

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