I was just testing this out because I wanted it to look correct on a mobile browser. When I resize Firefox (make it smaller), the header goes from purple to blue. This happens whether I just use the default or a sub theme and whether or not I set custom colors or use the default colors. It does seem to work on IE. My test site is https://staff.washington.edu/anyal/drupal7/. I have the latest Firefox.