Alginate, or alginic acid, is an unbranched binary copolymer of (1 -> 4)-linked beta-D-mannuronic acid and alpha-L-guluronic acid. Alginate readily forms binding interactions with a variety of divalent metal ions, such as calcium. This binding has been used to cross-link bulk alginates for a wide variety of applications, particularly in areas of tissue engineering, medical devices, and wound-healing dressings. A new method is identified here for producing Ca2+-cross-linked thin films of sodium alginate, using an aerosolized spray of CaCl2 solution. These thin films exhibit structural color that varies with film thickness. It is demonstrated that this structural color is highly reproducible and can also be tuned to produce a wide range of colored films. The noted ability of alginates to bind metal ions is used in combination with the structural coloration afforded by the thin film structure as a basis for color-based optical sensing of metal ions in aqueous solutions. Changes in film thickness, refractive index, and reflectivity in response to metal ions have been measured and reported. For certain ions such as Cr(III) and Cr(VI), changes in film thickness are the predominate factors in shifting the reflected film color. In the case of other ions such as Pb( II), a change in film refractive index plays a significant role in the reflectance properties of films.