Adjusting the colour palette

After class, I considered one aspect of Inclusivity and accessibility in my IXD303 project by going back to my colour palette in Abobe colour and checking the accessibility status of every single colour.

The Adobe Colours website provide 2 great accessibility tool; one is a contrast checker ( to make sure that your design's background and text colour combination have good eligibility), and one is a colour blind safe checker.

I found that a lot of the colours I had in my colour palette didn't have a great contrast to the text colour ( poor eligibility). Fortunately, I was able to solve most of the problems by mostly darkening the colours and didn't have to change the colour itself. Eg. light blue became dark blue.

However, the colour yellow in my colour palette (representing the land animals ) was very tricky;

The classroom assistant Hannah and I tried almost every shade of yellow and orange we could think of, but they all failed the contrast checker badly. Also, darkening yellow/orange shades too many leads to a muddy brown which we didn't like either.

Therefore, the only other solution we came up with was to make change the colour to green, the only other colour that we think can represent the land animals appropriately. When experimenting with the different shades of green, we tried to stay away from the green with blue hues as we worried that it would clash with the teal colour of the logo. This is the lightest shade of green that I can find, which also passes the contrast checker test;

After every colour passed the contrast test, I put it through the colour blind safe simulator and unfortunately, it showed that further adjustments to my blue and purple needed to be made;