bottom color

Can you post a link to your site?

You can change the color of the brown bar by going to Dashboard > Appearance > Colors, making sure “Load Colour Scheme Stylesheet” is checked, and selecting a color scheme from the dropdown. If you don’t like any of those colors, though, you can set it manually with some custom CSS:

#bottom-group {
	background-color: #ff00ff;
}

You can change the footer colors by going to the same place, making sure “Load Custom Colour Styles” is checked, and selecting the colors under “Footer Background”, “Footer Text Colour”, “Footer Link Colour”, and “Footer Link Hover Colour”.

Using the Customizer settings should have worked. Can you go to Dashboard > Appearance > Customize > Colors and verify that “Load Custom Colour Styles” is checked?

For the brown bar, get a custom CSS plugin and try this code:

#bottom-group {
	background-color: #ff00ff;
}

Use a site like Colorpicker to get the appropriate hex code. If you edit your theme’s stylesheet directly, you’ll lose those changes if the theme is ever updated in the future, to fix bugs or security issues or to add new features.