o-Xylene (OX) is a large-volume commodity chemical that is conventionally produced from fossil fuels. In this study, an efficient and sustainable two-step route is used to produce OX from biomass-derived pinacol and acrolein. In the first step, the phosphotungstic acid (HPW)-catalyzed pinacol dehydration in 1-ethyl-3-methylimidazolium chloride ([emim]Cl) selectively affords 2,3-dimethylbutadiene. The high selectivity of this reaction can be ascribed to the H-bonding interaction between Cl and the hydroxy group of pinacol. The stabilization of the carbocation intermediate by the surrounding anion Cl may be another reason for the high selectivity. Notably, the good reusability of the HPW/[emim]Cl system can reduce the waste output and production cost. In the second step, OX is selectively produced by a Diels-Alder reaction of 2,3-dimethylbutadiene and acrolein, followed by a Pd/C-catalyzed decarbonylation/aromatization cascade in a one-pot fashion. The sustainable two-step process efficiently produces renewable OX in 79 % overall yield. Analogously, biomass-derived crotonaldehyde and pinacol can also serve as the feedstocks for the production of 1,2,4-trimethylbenzene.