Reported herein is the multi-scale supramolecular assembly (MSSA) process along with redox reactions driven by supramolecular interactions coupled with the spontaneous Marangoni effect in ionic liquid (IL)-based extraction systems. The black powder, the single sphere with a black exterior, and the single colorless sphere were formed step by step at the interface when an aqueous solution of KMnO4 was mixed with the IL phase 1-(2-hydroxyethyl)-3-methylimidazolium bis(trifluoromethylsulfonyl) imide (C2OHmimNTf2) bearing octyl(phenyl)-N,N-diisobutylcarbamoylmethylphosphine oxide (CMPO). The mechanism of the whole process was studied systematically. The phenomena were related closely to the change in the valence state of Mn. The MnO4- ion could be reduced quickly to δ-MnO2 and further to Mn2+ slowly by the hydroxyl-functionalized IL C2OHmimNTf2. Based on Mn2+, Mn(CMPO)32+, elementary building blocks (EBBs), and [EBB]n clusters were generated step by step. The [EBB]n clusters with the large enough size that were transferred to the interface, together with the remaining δ-MnO2, assembled into the single sphere with a black exterior, driven by supramolecular interactions coupled with the spontaneous Marangoni effect. When the remaining δ-MnO2 was used up, the mixed single sphere turned completely colorless. It was found that the reaction site of C2OHmim+ with Mn(VII) and Mn(IV) was distributed mainly at the side chain with a hydroxyl group. The MSSA process presents unique spontaneous phase changes. This work paves the way for the practical application of the MSSA-based separation method developed recently. The process also provides a convenient way to observe in situ and characterize directly the continuous Marangoni effect.