# Customizing Calendar Colors > Learn to customize color schemes in your GHL Customer Care calendars for enhanced organization and brand consistency. Make your appointments visually appealing! - Source: https://docs.ghlcustomercare.com/docs/calendars-and-appointments/customizing-calendars/customizing-calendar-colors - Section: Calendars & Appointments / Customizing Calendars - Reading time: 3 min - Images: 11, each explained below --- **TABLE OF CONTENTS** - [Why Should You Customize Your Calendar?](#why-should-you-customize-your-calendar) - [How to Customize Calendar Colors](#how-to-customize-calendar-colors)[](#frequently-asked-questions) - [Frequently Asked Questions](#frequently-asked-questions) --- # **Why Should You Customize Your Calendar?** If you want to **maintain brand consistency**, then making sure your assets are all using the same color scheme is very important! Customizing assets such as booking calendars can help you **stand out to your audience**, and will help you **maintain a neat and buttoned-up appearance** to customers and prospects. As you can see in the image below, the logo for the company is clearly red, but all the elements in the calendar are blue. To maintain brand consistency, **the colors in the calendar should be red to match the logo.** ![Why Should You Customize Your Calendar? (image 1 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030366782/original/zfs8Tv7KlDog4CVixn6B3pKcRfID4rMr9g.jpg) **Why Should You Customize Your Calendar? (image 1 of 11)** This screenshot appears in the "Why Should You Customize Your Calendar?" section of "Customizing Calendar Colors". The text alongside this image reads: As you can see in the image below, the logo for the company is clearly red, but all the elements in the calendar are blue. To maintain brand consistency, the colors in the calendar should be red to match the logo. Immediately after, the guide continues: Below is an interactive guide on how to customize your calendar colors. If you still need more help, check out the rest of this help article below the interactive guide. - What this covers: As you can see in the image below, the logo for the company is clearly red, but all the elements in the calendar are blue. To maintain brand consistency, the colors in the calendar should be red to match the logo. - Controls: maintain brand consistency, stand out to your audience - Next: Below is an interactive guide on how to customize your calendar colors. If you still need more help, check out the rest of this help article below the interactive guide. --- # **How to Customize Calendar Colors** Below is an interactive guide on how to customize your calendar colors. If you still need more help, check out the rest of this help article below the interactive guide. **IMPORTANT:** You can ONLY customize the colors of your calendar if you are using the NEO calendar style. ![How to Customize Calendar Colors (image 2 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030367091/original/FO4uAkBUun_dQk5VOTVHWUorGLwy9O8tHg.png) **How to Customize Calendar Colors (image 2 of 11)** This screenshot appears in the "How to Customize Calendar Colors" section of "Customizing Calendar Colors". The text alongside this image reads: Below is an interactive guide on how to customize your calendar colors. If you still need more help, check out the rest of this help article below the interactive guide. Immediately after, the guide continues: In order to customize your calendar colors, you'll need to navigate to the calendar settings section. You can get there by going to the CALENDARS tab in the main navigation, then clicking the CALENDAR SETTINGS button in the secondary…. - What this covers: Below is an interactive guide on how to customize your calendar colors. If you still need more help, check out the rest of this help article below the interactive guide. - Next: In order to customize your calendar colors, you'll need to navigate to the calendar settings section. You can get there by going to the CALENDARS tab in the main navigation, then clicking the CALENDAR SETTINGS button in the secondary navigation at the top of the screen. ### **Step 1:** Navigate to Calendar Settings In order to customize your calendar colors, you'll need to navigate to the calendar settings section. You can get there by going to the **CALENDARS** tab in the main navigation, then clicking the **CALENDAR SETTINGS** button in the secondary navigation at the top of the screen. ![Step 1: Navigate to Calendar Settings (image 3 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030254627/original/3PH8h4gMtf1YqWNdk6Hvs6BFBQEhotNoHQ.gif) **Step 1: Navigate to Calendar Settings (image 3 of 11)** This animation appears in the "Step 1: Navigate to Calendar Settings" section of "Customizing Calendar Colors". The text alongside this image reads: In order to customize your calendar colors, you'll need to navigate to the calendar settings section. You can get there by going to the CALENDARS tab in the main navigation, then clicking the CALENDAR SETTINGS button in the secondary navigation at the top of the screen. Immediately after, the guide continues: Once you're in the calendar settings section, you'll need to either create a new calendar or open an already existing calendar in order to edit the colors. - What this covers: In order to customize your calendar colors, you'll need to navigate to the calendar settings section. You can get there by going to the CALENDARS tab in the main navigation, then clicking the CALENDAR SETTINGS button in the secondary navigation at the top of the screen. - Controls: CALENDARS, CALENDAR SETTINGS - Next: Once you're in the calendar settings section, you'll need to either create a new calendar or open an already existing calendar in order to edit the colors. ### **Step 2:** Edit Calendar Once you're in the calendar settings section, you'll need to either create a new calendar or open an already existing calendar in order to edit the colors. **Click the** **3-dot icon** located in the far right side of the calendar table in the column titled **"ACTION DROPDOWN"**. You'll see a small popup after clicking the icon, and in that popup you'll see a button labeled **"EDIT"**. Click the **"EDIT"** button to start editing that particular calendar. ![Step 2: Edit Calendar (image 4 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030256790/original/VlHMl5JGZSD6qclnqKkzbpOMUZYqqE3hxQ.gif) **Step 2: Edit Calendar (image 4 of 11)** This animation appears in the "Step 2: Edit Calendar" section of "Customizing Calendar Colors". The text alongside this image reads: Click the "EDIT" button to start editing that particular calendar. Immediately after, the guide continues: After you've entered the editing section for your calendar, you'll see a small navigation bar on the left side of your screen. The bottom option in this navigation is labeled "CUSTOMIZATIONS". - What to click: Click the "EDIT" button to start editing that particular calendar. - Controls: Click the, 3-dot icon, "ACTION DROPDOWN", "EDIT" - Next: After you've entered the editing section for your calendar, you'll see a small navigation bar on the left side of your screen. The bottom option in this navigation is labeled "CUSTOMIZATIONS". ![Step 2: Edit Calendar (image 5 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030254272/original/-cAdV9q31OkJgkeCBUd26VIINr-_wvxZCA.jpg) **Step 2: Edit Calendar (image 5 of 11)** This screenshot appears in the "Step 2: Edit Calendar" section of "Customizing Calendar Colors". The text alongside this image reads: Click the "EDIT" button to start editing that particular calendar. Immediately after, the guide continues: After you've entered the editing section for your calendar, you'll see a small navigation bar on the left side of your screen. The bottom option in this navigation is labeled "CUSTOMIZATIONS". - What to click: Click the "EDIT" button to start editing that particular calendar. - Controls: Click the, 3-dot icon, "ACTION DROPDOWN", "EDIT" - Next: After you've entered the editing section for your calendar, you'll see a small navigation bar on the left side of your screen. The bottom option in this navigation is labeled "CUSTOMIZATIONS". ### **Step 3:** Navigate to "Customization" Tab After you've entered the editing section for your calendar, you'll see a small navigation bar on the left side of your screen. The bottom option in this navigation is labeled **"CUSTOMIZATIONS"**. Click the **"CUSTOMIZATIONS"** tab in order to adjust your calendar's colors. ![Step 3: Navigate to "Customization" Tab (image 6 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030254082/original/bTve_bpyk7hnSoOIhCmZhh7FrOWqk1Kwpw.jpg) **Step 3: Navigate to "Customization" Tab (image 6 of 11)** This screenshot appears in the "Step 3: Navigate to "Customization" Tab" section of "Customizing Calendar Colors". The text alongside this image reads: Click the "CUSTOMIZATIONS" tab in order to adjust your calendar's colors. Immediately after, the guide continues: Once you're in the "CUSTOMIZATIONS" tab, scroll down until you see the color pickers. You will see 2 options to change colors in your calendar, Primary Color and Background Color. Within these 2 options, you can adjust your calendar…. - What to click: Click the "CUSTOMIZATIONS" tab in order to adjust your calendar's colors. - Controls: "CUSTOMIZATIONS" - Next: Once you're in the "CUSTOMIZATIONS" tab, scroll down until you see the color pickers. You will see 2 options to change colors in your calendar, Primary Color and Background Color. Within these 2 options, you can adjust your calendar colors using HEXA codes or by sliding the picker around on the color selector. ### **Step 4:** Customize Colors Once you're in the **"CUSTOMIZATIONS"** tab, scroll down until you see the color pickers. You will see 2 options to change colors in your calendar, **Primary Color** and **Background Color**. Within these 2 options, you can adjust your calendar colors using HEXA codes or by sliding the picker around on the color selector. ![Step 4: Customize Colors (image 7 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030254115/original/64mGCoCHWcwVzjkkpGvjKCjlzSRS5Eknpg.jpg) **Step 4: Customize Colors (image 7 of 11)** This screenshot appears in the "Step 4: Customize Colors" section of "Customizing Calendar Colors". The text alongside this image reads: Once you're in the "CUSTOMIZATIONS" tab, scroll down until you see the color pickers. You will see 2 options to change colors in your calendar, Primary Color and Background Color. Within these 2 options, you can adjust your calendar colors using HEXA codes or by sliding the picker around on the…. Immediately after, the guide continues: HEXA - These codes begin with a # and are used by many businesses to maintain an exact brand color across many different business assets. - What this covers: Once you're in the "CUSTOMIZATIONS" tab, scroll down until you see the color pickers. You will see 2 options to change colors in your calendar, Primary Color and Background Color. Within these 2 options, you can adjust your calendar colors using HEXA codes or by sliding the picker around on the color selector. - Controls: "CUSTOMIZATIONS", Primary Color, Background Color, HEXA -, COLOR SLIDER - - Next: HEXA - These codes begin with a # and are used by many businesses to maintain an exact brand color across many different business assets. **HEXA -** These codes begin with a # and are used by many businesses to maintain an exact brand color across many different business assets. **COLOR SLIDER -** By clicking on the small circle in the color picker, you can slide around and pick the exact color that fits your brand or style. ![Step 4: Customize Colors (image 8 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030367415/original/YEjSjZRqDoKXqgYMZAyyhURnNwk1WYs9gQ.jpg) **Step 4: Customize Colors (image 8 of 11)** This screenshot appears in the "Step 4: Customize Colors" section of "Customizing Calendar Colors". The text alongside this image reads: COLOR SLIDER - By clicking on the small circle in the color picker, you can slide around and pick the exact color that fits your brand or style. Immediately after, the guide continues: As you can see in the image below, after customizing the colors in our calendar, the brand colors are now consistent. - What to choose: COLOR SLIDER - By clicking on the small circle in the color picker, you can slide around and pick the exact color that fits your brand or style. - Controls: "CUSTOMIZATIONS", Primary Color, Background Color, HEXA -, COLOR SLIDER - - Next: As you can see in the image below, after customizing the colors in our calendar, the brand colors are now consistent. ### **Final Results** As you can see in the image below, after customizing the colors in our calendar, the brand colors are now consistent. ![Final Results (image 9 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030367302/original/T34kHZPDOf8hEhIGwX6esj-qPreAg694ng.jpg) **Final Results (image 9 of 11)** This screenshot appears in the "Final Results" section of "Customizing Calendar Colors". The text alongside this image reads: As you can see in the image below, after customizing the colors in our calendar, the brand colors are now consistent. Immediately after, the guide continues: As you can see in the videos below, there are quite a few areas of you calendar that are affected when you change the colors. We wanted to should you how Both the PRIMARY COLOR and the BACKGROUND COLOR would change the look and feel of…. - What this covers: As you can see in the image below, after customizing the colors in our calendar, the brand colors are now consistent. - Next: As you can see in the videos below, there are quite a few areas of you calendar that are affected when you change the colors. We wanted to should you how Both the PRIMARY COLOR and the BACKGROUND COLOR would change the look and feel of your calendar, so we created 2 separate examples below. --- ## **Frequently Asked Questions** ### **Q1: What's Affected by Changing Calendar Colors** As you can see in the videos below, there are quite a few areas of you calendar that are affected when you change the colors. We wanted to should you how Both the **PRIMARY COLOR** and the **BACKGROUND COLOR** would change the look and feel of your calendar, so we created 2 separate examples below. **What's Affected by the Primary Color:** ![Q1: What's Affected by Changing Calendar Colors (image 10 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030369132/original/-goqbzdqN7QiE9V854FIHDWUjiSPYzSm6w.gif) **Q1: What's Affected by Changing Calendar Colors (image 10 of 11)** This animation appears in the "Q1: What's Affected by Changing Calendar Colors" section of "Customizing Calendar Colors". The text alongside this image reads: What's Affected by the Primary Color. For context, this section explains: As you can see in the videos below, there are quite a few areas of you calendar that are affected when you change the colors. We wanted to should you how Both the PRIMARY COLOR and the BACKGROUND COLOR would change the look and feel of your calendar, so we created 2 separate examples below. Immediately after, the guide continues: What's Affected by the Background Color. - What this covers: What's Affected by the Primary Color: - Controls: PRIMARY COLOR, BACKGROUND COLOR - Next: What's Affected by the Background Color: **What's Affected by the Background Color:** ![Q1: What's Affected by Changing Calendar Colors (image 11 of 11)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155030369268/original/HG228S4k6nK2K60XK7kPe2-EIHkJOQPznQ.gif) **Q1: What's Affected by Changing Calendar Colors (image 11 of 11)** This animation appears in the "Q1: What's Affected by Changing Calendar Colors" section of "Customizing Calendar Colors". The text alongside this image reads: What's Affected by the Background Color. - What this covers: What's Affected by the Background Color: - Controls: PRIMARY COLOR, BACKGROUND COLOR --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com