05 Aug 2024

About

The following are a collection of colour palettes intended to be used by developers to help them choose theme colours that are distinguishable for colour blind users. Generally they will also make themes easier to read for all users. Please note that even though these palettes have been specifically designed for excellent legibility the designer still needs to check the contrast ratios between colours and use tools to check themes for suitability with different sorts of colour blindness. The best suggestion would be to check how the theme looks in greyscale, and ensure that no data is lost when doing that.

General Tools

I have created a tool called the Fabio Crameri Palette Generator. It comes with a bunch of different palettes for different uses and is now my go-to when trying to find CVD-friendly colour combinations.

There is also this Viridis Color Palette Generator. The palettes here are only for categorical charts, so bear that in mind.

I previously included tables with various colour palettes but actually - just use one of the Fabio Crameri or Viridis ones! Just make sure to check the contrast in grayscale and a tool such as this one.