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.

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.

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).

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.

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.

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.

Updated on: 02/07/2025