We use essential cookies to make Venngage work. By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.

Manage Cookies

Cookies and similar technologies collect certain information about how you’re using our website. Some of them are essential, and without them you wouldn’t be able to use Venngage. But others are optional, and you get to choose whether we use them or not.

Strictly Necessary Cookies

Always Active

These cookies are always on, as they’re essential for making Venngage work, and making it safe. Without these cookies, services you’ve asked for can’t be provided.

Show cookie providers

  • Venngage
  • Amazon
  • Google Login
  • Intercom

Functionality Cookies

These cookies help us provide enhanced functionality and personalisation, and remember your settings. They may be set by us or by third party providers.

Show cookie providers

  • Venngage
  • Chameleon
  • Intercom
  • Algolia

Performance Cookies

These cookies help us analyze how many people are using Venngage, where they come from and how they're using it. If you opt out of these cookies, we can’t get feedback to make Venngage better for you and all our users.

Show cookie providers

  • Venngage
  • Mixpanel
  • Intercom
  • Google Analytics
  • Hotjar

Targeting Cookies

These cookies are set by our advertising partners to track your activity and show you relevant Venngage ads on other sites as you browse the internet.

Show cookie providers

  • Google Ads
  • Google Tag Manager
  • Facebook
  • Pinterest
  • Product
  • Solutions
  • Templates
  • Learn
  • Pricing
Educational Resources
Help Center
Help Center

How to Use Color Blind Friendly Palettes to Make Your Charts Accessible

By Rachel Cravit, Nov 30, 2022

How to Use Color Blind Friendly Palettes to Make Your Charts Accessible Blog Header

Colors play a central role in data visualization. But what if your readers are color blind?

According to Color Blind Awareness, color blindness affects 1 in 12 men (8%) and 1 in 200 women (0.5%). There are an estimated 300 million color blind people worldwide, including Mark Zuckerberg, Bill Clinton and Prince William!

Color blind friendly palette - famous color blind people

Optimizing your graphics can help make them more accessible—and that doesn’t mean banishing color from your charts and graphs either. It means ensuring people with visual impairments can understand your designs with a WCAG contrast checker — lucky for you, this feature is built right into Venngage’s accessible design editor.

Contrary to popular belief, more than 99% of color-blind people can, in fact, see color—just not in the same way as someone who isn’t impacted by color blindness. In this guide, we’ll break down the different types of color blindness and their special considerations with respect to data visualization. We’ll also show you how to effectively use color-blind-friendly palettes to make your graphics available to a wider range of people.

We’ve put together some ready-made color-blind-friendly palettes to inspire you. Scroll down to section 4 for that.

Table of Contents

  1. What is color blindness?
  2. What are the 3 types of color blindness?
  3. Why color is important to data visualization
  4. How to design charts with a color blind friendly palette
  5. Key takeaways

First thing’s first…

What is color blindness?

Color blindness—also known as color vision deficiency (CVD)—is a deficiency in distinguishing between different colors. It occurs when light-sensitive tissue in the back of the eye—the retina–fails to properly respond to variations in wavelengths of light, which enable people to see different colors.

Color blind friendly color palette - retina


Although color blindness is primarily an inherited condition, it can also result from cataracts or trauma to the eye, as well as a number of diseases, including Parkinson’s, Kallman’s Syndrome and diabetes. Damage to the retina caused by aging can additionally cause color blindness.

What are the 3 types of color blindness?

Color spectrums of the 3 types of color blindness


There are three distinct types of color blindness:

Red/Green Color Blindness

According to Colblindor, 99% of all color blind people suffer from red/green color blindness. This is further broken down into two distinct categories:

  • Protanopia: Also referred to as “red weakness”, individuals who suffer with this variation of red/green color blindness are unable to perceive red light.

Normal vision compared with protanopia

Left: Normal vision, Right: Protanopia

The protanopia color spectrum looks like this:

Protanopia color spectrum


  • Deuteranopia / Deuteranomaly: Also known as “green weakness”, this type of red/green color blindness renders people insensitive to green light (deuteranomaly) or unable to perceive any green light at all (deuteranopia).

Normal color vision compared to color blindness

Left: Normal vision, Right: Deuteranopia

The deuteranopia color spectrum looks like this:

Color blind spectrum - Deuteranopia


Red/green color blindness is inherited, and affects males more than females. The reason for this is because the genes responsible for this condition are contained within the X chromosome.

Color blind friendly palette - statistic

Because women have two X chromosomes, any deficiencies in one will typically be compensated by the other. Men, however, only have one X chromosome, and don’t have a “spare” to fall back on.

Color blind friendly palette - statistic

Blue/Yellow Color Blindness

People who suffer from blue/yellow color blindness have difficulty distinguishing between blue and yellow colors.

This particular form of color blindness–also known as Tritanopia–is far less common than its red/green counterpart. In fact, according to the U.S. National Library of Medicine, blue/yellow color blindness affects fewer than 1 in 10,000 people worldwide.

Because Tritanopia isn’t caused by a genetic trait linked to the X chromosome, it is equally present in both men and women.

Color blind friendly palette - Tritanopia

Left: Normal vision, Right: Tritanopia

The Tritanopia color spectrum looks like this:

Tritanopia color spectrum


Complete Color Blindness

People who suffer from complete color blindness—also known as Monochromacy—are unable to distinguish between any colors at all. Monochromacy is extremely rare, occurring in 1 in 33,000 people, according to Colour Blind Awareness.

Complete color blindness


Why is color so important in data visualization?

Color plays a significant role in data visualization. For starters, colors are used to highlight important information, as well as illustrate relationships between various types of data. Color also plays an instrumental role in guiding the viewer’s eye. It can even be used to stimulate emotion through color psychology.

Disney color wheel

You can even argue that the colors used in charts and infographics actually tell the story of the data they represent. As Eva Murray writes in Forbes:

In data visualization, color sets the tone and enforces a message for the underlying visual display. It creates a certain atmosphere and can turn an unassuming visualization into an emotion-filled data story.

WATCH: Everything you need to know about COLOR… in under 3 minutes

Knowing how to pick colors is important, but when you’re optimizing for accessibility, there’s more to consider than color theory and design composition.

Related: 8 Best Practices for Designing for Diversity and Inclusion

You can also use Venngage’s color picker tool to easily switch out different colors, a particularly useful tool for working with color blind friendly palettes.

Color blind friendly palette - editor

How to design charts with a color blind friendly palette

1.) Plan out your color scheme beforehand

Using a color blind friendly palette with accessible colors doesn’t mean you need to compromise on aesthetics or strip out all the color from your charts. By planning ahead, you can ensure a color blind friendly palette compliments your design, rather than clashes.

Color blind friendly color palette


Even with a tool like Venngage, which can drastically scale back the number of hours required to create an infographic, it’s still ideal to flesh out your color scheme before you dive in and start a new project.

If you don’t have a pre-planned accessible color scheme, you can generate one for free using Venngage’s Accessible Color Palette Generator:

Venngage's accessible color palette generator

Gone are the days of mixing, matching, testing and retesting to find a beautiful, accessible color palette. Now you can use this simple tool to generate inclusive color pairings in seconds — for free.

How does it work? In two ways: 

  • Randomize. Don’t think twice — roll the dice and generate palettes based on a random color.

Venngage accessible color palette generator

  • Generate from HEX. Input a HEX code to discover accessible palettes based on your color of choice.

Venngage accessible color palette generator

No matter which route you choose, you’ll see the contrast ratio of each color against black or white text. And every palette generated adheres to a contrast ratio of 4.5:1 as per the latest Web Content Accessibility Guidelines (WCAG) 2.1 AA. 

In other words, the designs you create with these color combos will be compliant and inclusive. 

Once you find a palette you love, simply click Download. You’ll get a text file with the HEX codes for that palette and for the text color that goes with it (#ffffff for white text and #000000 for black text).

Try Venngage’s Accessible Color Palette Generator for free! Once you’ve narrowed down your color palette, you can upload your data. It’s simple with Venngage’s chart widgets. Open your chart widget, click the green IMPORT button under the DATA tab and upload your CSV file. Your chart will visualize the data automatically.

June 2020 Updates9

We’ve also made it easier to customize your tables now. You can present data and highlight important information without compromising the accessibility of your design.

When editing your table, you can choose the style and color of your fonts, and the background colors of your cells. You’ll find these options under the data tab.

June 2020 Updates2

You can also organize your text to improve the readability under the settings tab. Here you can choose how to align your text horizontally and vertically within each cell.

June 2020 Updates8

Take advantage of stylization features like these! After all, if it turns out your colors aren’t particularly suited to color blind people—and accessibility is important to you—it’s better to find this out before you’ve invested considerable time and effort in your design composition.

If you’re not sure where to start, these color blind color wheels can be a useful reference to quickly determine how your colors will translate across different forms of color blindness:

Color blind friendly color palette


Better yet, we’ve put together some versatile color blind friendly palettes:

Color blind friendly color palette

HOT TIP: If you’re stuck, try using a tool like Coblis, a free color blind simulator which will give you a better sense of how your images will appear to people with color blindness.

Related: A Total Guide to Accessible Colors [Including Palettes & Templates]

2.) Avoid problematic color combinations

Another reason you should plan out your color scheme beforehand is so you can avoid using problematic color combinations, some of which can make your charts or infographics completely inaccessible to color blind people.

Color combinations to avoid for people with color blindness include:

  • Red & green
  • Green & brown
  • Green & blue
  • Blue & gray
  • Blue & purple
  • Green & gray
  • Green & black

If you’re stuck and absolutely must use one of these combinations, try making adjusting the shades so one is extremely dark, and the other extremely light—most color blind people can detect contrast, so this likely will make things easier.

Color blind friendly palette - Problematic colors

3.) Use highly contrasting colors

As previously mentioned, contrast isn’t an issue for most people who are color blind. Darken and lighten your colors, respectively, to make the contrast more pronounced. You can also play with different hues, as well as levels of brightness and saturation.

Color blind friendly palette - template

4.) Use patterns and textures

Using patterns and textures in your design is a great way to incorporate visual elements into your design which don’t rely on color.

Color blind friendly palette - bar chart


Venngage’s drag-and-drop design editor features a library of patterns you can use to enhance your design and make it more accessible.

Venngage editor - patterns

Related: Color Blind Design Guidelines: How to Convey Meaning to Everyone [With Examples & Templates]

5.) Use symbols

Symbols and icons are a great way to make your designs more accessible because they can visually punctuate a message, without relying on color.

Color blind friendly palette - icons

Hot Tip: Venngage’s library includes over 4,000 icons you can use to make your infographics and charts more accessible.

Color blind friendly palette - icons

6.) Make your chart monochromatic

Because color blindness doesn’t impact the ability to distinguish between different shades, consider making your charts monochromatic. Using a restricted color palette will naturally mean there are fewer opportunities to use problematic colors or combinations.

Color blind friendly palette - template

Color blind friendly palette - template

7.) Keep your design clean and simple

When you’re designing for accessibility, it’s important to keep your infographics as simple and streamlined as possible. Adopting a minimalistic approach will help ensure your presentations are more easily understood, whether or not your audience is color blind.

Key takeaways for using color blind friendly palettes

Optimizing your infographics and charts for people affected by color blindness is important for both accessibility and inclusivity. It’s also possible to do without compromising the aesthetic quality in the process.

The following measures can help ensure color blind people are actually able to engage with your designs:

  • Selecting color blind friendly palettes
  • Avoiding problematic color combinations
  • Using different textures and patterns to highlight important information–not just color
  • Using symbols and icons to supplement color-coded messages, warnings and alerts
  • Using highly contrasted color combinations
  • Adopting minimalistic design to help avoid unnecessary confusion.

Combining all these elements will help make your designs more accessible to color blind people. After all, the more people you can engage with, the more impactful your work will be.

Related: ADA Standards for Accessible Design: How to Be Compliant

NEW! Introducing: Marketing Statistics Report 2022

It’s 2022 already. Marketers, are you still using data from pre-COVID times?

Don’t make decisions based on outdated data that no longer applies. It’s time you keep yourself informed of the latest marketing statistics and trends during the past two years, and learn how COVID-19 has affected marketing efforts in different industries — with this FREE marketing statistics report put together by Venngage and HubSpot.

The report uses data gathered from over 100,000 customers of HubSpot CRM. In addition to that, you’ll also know about the trends in using visuals in content marketing and the impacts of the pandemic on visual content, from 200+ marketers all over the world interviewed by Venngage.

Grab your copy now — it’s not like any other marketing reports out there, plus it’s 100% free!
marketing statistics report 2022 Venngage Hubspot

Related blog posts:

Image Alt Text: Definition and Best Practices for Accessible Designs
6 Ways to Use Infographic Icons Like a Pro
The Do’s And Don’ts of Infographic Color Selection
How to Pick Colors to Captivate Readers and Communicate Effectively