You have four (4) options. Let's walk through each of them.

Step 1: After you log in, click on Calendars (brown box below).

The Your Calendars page will open.

Step 2: Choose the calendar you wish to modify (brown box below).

Step 3: Click on Design (brown box below).

Step 4: Scroll down and click on Frame and cells (brown box below).

Step 5: Scroll down until you find the header Frame color.

If you don't choose a color, the calendar background will be white.

Click on Inherit from website. In this option, the frame color is inherited from your website or other embeddable component. In this case, the background is a slightly darker grey than the Default above.

Click Save at the bottom of the column to save your changes.

Click on Custom color picker and then click on the circle to choose your color [arrow].

When you click on the circle, the color picker will pop up. You can choose the approximate color you want by clicking on the color spectrum "rainbow" [light green box] or color samples [arrow].

Once you have picked your general color, click on the exact shade you prefer [yellow box]. Note that your choice is shown in the Custom color picker circle [arrow].

Click Save at the bottom of the column to save your changes.

Why would you use this option rather than Option #3?

You would use Custom color value when you have a specific color that you want to use. For example, you might want to match the color scheme of your website or printed material. So, you don't want "about" the same color, you want exactly the same color.

Click on Custom color value.

Select your color by typing in the hex value [green box]. Each color has a unique hex value. If you are using this option, most likely you will already have the number you need. If not, for any reason, you can find hex values here.

***Note that this option fills in the Custom color picker circle also [arrow above].***

Click Save at the bottom of the column to save your changes.