> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.churchdesk.com/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).

# Global colors - How to change website colors

## Global Colours – How to Change the Colours of Your Website
The colours on your website shape the impression that visitors get of your church. With **global colours** in ChurchDesk, you can easily define a consistent colour palette for your entire website – saving you a lot of time and effort later on.
**Tip:** Ideally, set up your global colours at the beginning of your design process. New elements will automatically adopt your chosen colours.

## Where to Find the Global Colours
1. Open the **website editor** in ChurchDesk.
2. In the left-hand sidebar, click on **“Design”** – directly above “Pages”.
3. Select the **“Global Colours”** section.
4. Here, you can customise your colour palette.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-05-28-um-1_eiwsj0.png)


## What Types of Colours Are Available?
ChurchDesk offers three categories of global colours:
* **Spot colours (up to 8):** Your main colours – for example, for buttons or key highlights.
* **Base colours (up to 5):** For backgrounds or standard elements.
* **Custom colours (up to 4):** For additional individual accents.
This structure helps keep your website clear and organised, allowing you to assign colours for specific purposes.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-05-28-um-1_j1udzf.png)

## How to Adjust the Global Colours
* Click on a colour swatch to change the colour.
* You can either:
    * Enter a **hex code** (e.g. `#004aad`), or
    * Use the integrated **colour picker** to select a colour with your cursor.
All elements on your website that use global colours will automatically reflect the updated colour – even retroactively – as long as they are assigned to the same colour category (Spot, Base, or Custom).

![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-05-28-um-1_151uzip.png)


## Customizing Colors in the Branded Footer

Below your website's main footer, you'll find the Branded Footer with content from ChurchDesk (imprint, privacy policy). You can adjust the colors via Design -> Main Layout -> Branded Footer.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/e/3/7/be3725c5cc2ea800/bildschirmfoto-2025-07-02-um-1_qdo9ef.png)


## Choosing Colours with Accessibility in Mind
Accessibility is an important factor when choosing colours. Make sure there is **strong contrast** between text and background so that people with visual impairments can better read your content.
| Online tools can help you check colour contrast. Avoid overly bright combinations and use colours sparingly to improve readability.

## Tips for Your Colour Design
* Use similar shades to create a harmonious look.
* Ensure enough contrast between text and background.
* Less is more: two to three main colours are usually enough.
* Test your colour combinations on mobile devices for readability.
If you set up your global colours thoughtfully from the start, you won’t have to worry about them later – all new elements on your website will automatically follow your chosen design.