By default the footer social icons will get the primary and secondary color set in your Styling menu options.
To change that, add custom css. An example code is:
footer#colophon .widget ul.social-icons-widget li a {color: #fbfbfb !important;}
.social_widget .social-icons-widget.circle li { background-color: #51aadb !important;}
