Room temperature ionic liquid shows wide electrochemical windows and good environmental stability, which is expected as an ideal electrolyte for electrochromic devices. However, the small crystal spacing of traditional electrochromic materials limits the diffusion of large ions in ionic liquid. Repeated deintercalation/ intercalation of large ions could also destroy the structure of traditional electrochromic materials, resulting in performance degradation. Metal-organic frameworks (MOFs) are topologically porous materials with a large intrinsic nano to microporous structure in crystalline, which are expected to provide channels for transporting large-sized ions in ionic liquids. In present work, triphenylene-based MOFs Cu₃(HHTP)₂ films were prepared on the surface of the conductive glass. Electrochemical and electrochromic behavior of Cu₃(HHTP)₂ films were studied in traditional propylene carbonate (PC)-based electrolyte and ionic liquid-based electrolytes. The results show that, compared with the traditional LiClO₄/PC or NaClO₄/PC electrolyte, Cu₃(HHTP)₂ film displays low contact resistance and high ion diffusion efficiency in the ionic liquid [EMIm]BF₄ electrolyte. Switch speed of the electrochromic electrode is significantly improved with coloring time being reduced from 10.3 s to 8.0 s, and bleaching time being reduced from 23.6 s to 5.2 s. Meanwhile, Cu₃(HHTP)₂/[EMIm]BF₄ electrochromic system also shows a larger light modulation range and coloring efficiency. This work demonstrates the potential of MOFs/ionic liquid electrochemical system in the field of electrochromic device.