Hi Rika,
Hope you are doing well.

In order to change the colors, Please follow the following steps.

1. Visit Dashboard->Customize
2. On the customize Page, Please click on Additional Css

3.In the additional css box, we will use css. Here is an example that you can copy and paste.

#featured-box {
	background: red;
}

#b-footer {
	
	background: green;
}

In the above example, we have changed the background of the page header to red and footer to green.

we can either use the color name or the color code.

You may pick color from here

https://htmlcolorcodes.com/color-picker/

and put the code like this

#featured-box {
	background: #FF0000;
}

#b-footer {
	
	background: green;
}

We have used hexadecimal color for the header(It is still red for example).

In footer, when you change the background, you may want to change the text color and links color.

To do that we may change our

#b-footer {
	
	background: green;
}

to

#b-footer {
	
	background: green;
       color: #333;
}

/* link*/
#b-footer a{
  color: #333;
}

You can still use the hexadecimal colors for the color property too.

Hope this helps.

Regards
Brajesh

Hi Rika,
Thank you for confirming.

Please feel free to use the forum to ask any question.

Regards
Brajesh