We developed a novel two-dimensional (2-D) crystalline colloidal array photonic crystal sensing material for the visual detection of amphiphilic molecules in water. A close-packed polystyrene 2-D array monolayer was embedded in a poly(N-isopropylacrylamide) (PNIPAAm)-based hydrogel film. These 2-D photonic crystals placed on a mirror show intense diffraction that enables them to be used for visual determination of analytes. Binding of surfactant molecules attaches ions to the sensor that swells the PNIPAAm-based hydrogel. The resulting increase in particle spacing red shifts the 2-D diffracted light. Incorporation of more hydrophobic monomers increases the sensitivity to surfactants.