The ability to analyze highly toxic chemical warfare agents (CWAs) and related chemicals in a rapid and precise manner is essential in order to alleviate serious threats to humankind and public security caused by unexpected terrorist attacks and industrial accidents. In this investigation, we designed a o-phenylenediamine-pyronin linked dye that is capable of both fluorogenic and colorimetric discrimination between phosgene and the prototypical nerve-agent mimic, diethyl chlorophosphate (DCP) in the solution or gas phase. Moreover, this dye has been used to construct a portable kit that can be employed for real-time monitoring of DCP and phosgene in the field, both in a discriminatory manner, and in a simple and safe way.