Thermoresponsive photonic materials having hierarchical structures are created by combining a template of Morpho butterfly wings with poly(N-isopropylacrylamide) (PNIPAM) through a chemical bonding and polymerization route. These materials show temperature-induced color tunability. Through reacting with both NIPAM monomers and the amino groups of chitosan in wing scales, glutaraldehyde workes as a bridge by creating chemical bonding between the biotemplate and the PNIPAM. The corresponding reflection peaks red-shift with increase in temperature-an opposite phenomenon to previous studies, demonstrating a thermoresponsive photonic property. This unique phenomenon is caused by the refractive index change due to the volume change of PNIPAM during the temperature rising. This work sets up an efficient strategy for the fabrication of stimuli-responsive photonic materials with hierarchical structures toward extensive applications in science and technology.