Using Colour to Create a Professional Charity Website

Feeling stuck on your website and not sure how to make it look professional?

Misuse of colour is often the biggest culprit when it comes to websites that lack direction. Websites are a visual form of communication, the way that you design the layout of the pages, the structure of the content and the menu items all play a role in how a user interacts with your website, and your brand. 

The influence of colour-psychology has been researched and tested within scientific and art fields, across all cultures, it is something that many brands use to distinguish themselves from the competition (try thinking of Coca-Cola without thinking of the colour red, or Lloyds bank without the colour green). Using the right colours for your brand can help you to convey and reinforce the underlying message of your charity, it will also help when it comes to creating a professional look to your website. 

First impressions are often made within the first 90 seconds of meeting someone and this is true for your website too, in order to engage someone to stay on your website longer, you need to make your message clear within the first 90 seconds. The best way to do this is to utilise colour and imagery to speak for you and to have a clear layout. 

In this article we will focus on colour but you will find further help on our website in regards to website layouts and structures and how best to use imagery, in our Tips Section and our News Section, and of course, you can also sign up to our Monthly Emails for more free suggestions.

Having a specific colour pallet associated with your charity will help people to easily recognise you, this colour pallet should be something that you use not only on your website but across all of your branded material and communications. 

Your pallet should consist of a primary, or dominant colour and then 1 or 2 accent colours. The dominant colour is the colour that you want people to remember when they think of your charity, it should be used for your logo, menu items, call to action buttons and any important areas that you want to highlight, such as titles and headlines, or donation areas.

After your dominant colour, you will want 1 or 2 accent colours, these will be used to highlight secondary areas of information such as subtitles and so they should complement rather than compete against the dominant colour. Additional colours to your pallet should then include those that you use for your main body of text and if you wish to use further accent colours.
If you are unsure about using colours then keeping to a minimalist palette of 3-4 colours will help define your communication rather than overwhelming it.

For a youthful charity, a bright colourful palette will work well, whereas a charity that focuses on professional care should take a more conservative approach. It is helpful to think about how you want your audience to feel when they interact with your website and find a pallet that will support that emotion; if you would like to create an energetic quality then use bold and colorful pallets, for a welcoming atmosphere use warmer shades and for a calming atmosphere, use soft tones.
There are many online tools that will help you to create a colour pallet with a range of colours that work together coherently, such as: Paletton and Adobe Color, or you can use Canva to create a pallet from a photograph or an image. 

At Charity Edit, we have various design options for you to choose from for your website and our designers can guide you in regards to your website colour palette. The team here are always happy to help, so please give us a call or an email if you would like assistance on your website. 

You can call us on 0121 651 1140 or email us at