Hi,
To change the color of header on page scroll
Go to Appearance -> Theme Options -> Basic Settings -> Custom CSS
add below css code in custom css box and change the color code as per suitable to your site
.sitewrapper .header.fixed { background-color: #cccccc; }
Regards
Grace Themes