Herein, we report an on-line two-dimensional system constructed by counter-current chromatography (CCC) coupling with preparative high-performance liquid chromatography (prep-HPLC) for the separation and purification of polar natural products. The CCC was used as the first dimensional isolation column, where an environmental friendly polar two-phase solvent system of isopropanol and 16% sodium chloride aqueous solution (1:1.2, v/v) was introduced for low toxicity and favorable resolution. In addition, by applying the stop-and-go flow technique, effluents pre-fractionated by CCC was further purified by a preparative column packed with octadecyl silane (ODS) as the second dimension. The interface between the two dimensions was comprised of a 6-port switching valve and an electronically controlled 2-position 10-port switching valve connected with two equivalent holding columns. To be highlighted here, this rationally designed interface for the purpose of smooth desalination, absorption and desorption, successfully solved the solvent compatibility problem between the two dimensional separation systems. The present integrated system was successfully applied in a one-step preparative separation and identification of 10 pure compounds from the water extracts of Tieguanyin tea (Chinese oolong tea). In short, all the results demonstrated that the on-line 2D CCC×LC method is an efficient and green approach for harvesting polar targets in a single step, which showed great promise in drug discovery.