Color Palette: Checking for Accessibility before you begin

Having accessible color for color-blindness is an important feature of designing online. Without taking this feature into consideration before you begin, you will inevitably cost yourself a lot of time fixing your site or app to make it accessible for all. This is a non-negotiable aspect of design, and also one that is entirely inclusive.

Important to also consider is how, after you have your color palette, your colors will work together. Make sure your text colors also work with your background colors, or you can also cause accessibility issues, and hard-to-read issues, even with color-accessible colors. How you put it all together matters.

My top two websites for help in this matter are:

For checking color palette before you begin: https://color.adobe.com/create/color-accessibility

For checking type color against background color: https://webaim.org/resources/contrastchecker/

Good luck and have fun! If your favorite colors aren’t panning out, don’t be afraid to back it off, tone it down, or try a new palette completely. You will often be happier with the unexpected results.