> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.cal.id/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Managing Custom Brand Colors in Cal ID for Team

In **Cal ID**, set primary colors for your team booking page so it matches your visual identity — with separate colors for light and dark themes.

| Set your team's brand colors

1. Log in to Cal ID and click **Teams** in the left sidebar.
2. Next to the team, click the **three dots (…)** and select **Edit team**.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/1/c/6f1c2c7b8034d000/image_15z0kbq.png =1161x615)

3. Open the **Custom Branding** tab.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/1/c/6f1c2c7b8034d000/image_14oxdcf.png =1148x615)

4. Scroll to **Custom brand colors** and switch the toggle **ON**.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/1/c/6f1c2c7b8034d000/image_mn3w10.png =1160x615)

5. **Light theme:** click **Brand color (light theme)** and enter a hex code or use the picker.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/1/c/6f1c2c7b8034d000/image_139rq7j.png =1162x615)

6. **Dark theme:** click **Brand color (dark theme)** and choose the color for dark mode.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/1/c/6f1c2c7b8034d000/image_4a4rw6.png =1149x615)

7. Click **Update** to apply.

| What changes on your page

* **Buttons:** primary actions (like "Confirm") use your brand color.
* **Highlights:** selected dates and active time slots are highlighted in your color.
* **Navigation:** progress bars and some icons adopt your scheme.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/1/c/6f1c2c7b8034d000/image_1xvqu7x.png =1178x615)

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/1/c/6f1c2c7b8034d000/image_530dh6.png =1178x615)

| 💡 Tip

For accessibility, avoid very pale colors as your primary — aim for strong contrast so buttons stay easy to read.