Articles on: Website

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



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.


Updated on: 28/05/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!