Co-assembly of chromophore guests with host matrices can afford materials which have photofunctionalities different from those of individual components. Compared with clay and zeolite materials, the use of metal-organic frameworks (MOFs) as a host structure for fabricating luminescent host-guest materials is still at an early stage. Herein, we report the incorporation of a laser dye, 4-(dicyanomethylene)-2-methyl-6-(4-dimethylaminostyryl)-4H-pyran (DCM), into stilbene-based and naphthalene-based MOF systems. The resulting materials exhibit blue/red two-color emission, and the intensity ratio of blue to red fluorescence varies in different planes within the MOF crystal as detected by 3D confocal fluorescence microscopy. The observed changes in ratiometric fluorescence suggest the occurrence of energy transfer from MOF host to DCM molecules, which can be further confirmed by periodic density functional theoretical (DFT) calculations. Moreover, selective changes in luminescence behavior are observed on treating the guest@MOF samples with volatile organic compounds (methanol, acetone and toluene), indicating that these host-guest systems have potential applications as fluorescence sensors. It can be expected that by rational selection of MOF hosts and guest chromophores with suitable emissive colors and energy levels, a wide variety of multi-color luminescent and energy-transfer systems can readily be prepared in a similar manner.