Changing Full Calendar Colors

Any color that you see on your calendar can be changed. The section that controls your colors can be found under the “Custom Colors” section on the left-hand side of your embedding editor screen.

In this section you will see several rectangles where you can type in a hexadecimal code for a color or select a color for your calendar using our color picker. You can also select a color theme from our “Standard Theme” drop-down menu.

Each calendar feature with a changeable color is represented by a three-letter code. These show in parentheses and in blue next to the feature title (ex. “header text (htc)”).

If you change any of your colors, you can preview the final result on the right-hand side of the page. Once you have changed your colors, you can see the color changes from the defaults in your final code. You can see both the hexadecimal color code (ex. “FFFFFF”) and the three letter code (ex. “htc”) for the calendar feature whose color was changed.

Here is the code for a full calendar whose colors have been changed:


<iframe src="" width="510" height="750" scrolling="yes" frameborder="1"></iframe><p align="center"><a href="" target="_blank">View a Mobile Version of this Calendar</a></p>

The highlighted parts of the code are where colors have been added and changed from the default calendar color settings. The live version of this calendar looks like this: