We have demonstrated the fabrication of a colloidal crystalline array (synthetic opal) from monodispersed mesoporous silica spheres (MMSS) and the control of its optical response simply by changing the amount of benzene vapor adsorbed into the pores of MMSS. It was revealed that the refractive index of the colloidal crystal of MMSS showed an 11.7% increase by taking advantage of benzene adsorption, and thereby, the structural color changed reversibly. We also conducted the same measurement on silica spheres without mesopores and observed no change in the refractive index or the structural color. This optical response gives rise to the possibility of using MMSS colloidal crystals not only for controlling light reflection but also as sensing devices based on color change due to vapor adsorption. We have also incorporated an organic dye, the porphyrin derivative alpha,beta,chi,delta,-tetrakis(1-methylpyridinium-4-yl)porphyrin rho-toluenesulfonate (TMPyP), into the pores of MMSS. By adopting an electrophoretic deposition process in ethanol, periodic arrays fabricated from TMPyP-MMSS conjugates with absolute zeta-potentials near zero were obtained. The Bragg diffraction peak of the colloidal crystalline array shifted to longer wavelengths due to an increase in the refractive index with increasing amounts of TMPyP adsorbed in the pores. The current work demonstrates the new possibility of creating colloidal crystals from MMSS with mesopores filled with various kinds of adsorbates to control the optical response effectively.