How to make footer background color different to header

Thanks for your question in regards to the footer background color. This question has been asked before and the answer can be seen here. Here’s the answer from that question:

Thanks for your comment clarifying your request. I believe you can add this code:

.palette-primary .site-footer { background-color: #bdcebe !important; color: black !important; }

to the CSS Customizer tool. This will change just the footer background color. You can modify the color by changing “#bdcebe” according to the color you’d like: HTML color palette.

Please keep in mind to create a backup of your site before and after making the changes, to ensure you have a fallback point, in the case of unexpected behavior from the code. I hope this helps!

You would simply need to change the color code to the Hex color code to #D3D3D3 for light gray.  Click on the  HTML-color.org website to determine actual HTML color codes.