Colorblind-Friendly Palette Generator

Figran

Pick or build a palette, see it as people with color vision deficiency do, and copy the codes.

  • Okabe–Ito, Tol and viridis
  • Red-green and blue-yellow check
  • HEX, R and Python codes
Type
#HEX
1
2
3
4
5
6
7
8

Options

Background
Distinct for red-green color vision deficiency
#NormalDeuteranopiaProtanopiaTritanopiaGrayscaleHEXOn white1#E69F002.3:12#56B4E92.3:13#009E733.4:14#F0E4421.3:15#0072B25.2:16#D55E003.9:17#CC79A73.1:18#00000021.0:1

Colorblind-friendly color palettes

Okabe–Ito palette

Eight colors for categories, the most widely used colorblind-friendly set in science.

#E69F00 ·#56B4E9 ·#009E73 ·#F0E442 ·#0072B2 ·#D55E00 ·#CC79A7 ·#000000

Source: Okabe & Ito (2008)

Paul Tol bright

Seven colors for lines and points on a white background.

#4477AA ·#EE6677 ·#228833 ·#CCBB44 ·#66CCEE ·#AA3377 ·#BBBBBB

Source: Paul Tol (2021)

Paul Tol vibrant

Seven saturated colors that also suit dark slides.

#EE7733 ·#0077BB ·#33BBEE ·#EE3377 ·#CC3311 ·#009988 ·#BBBBBB

Source: Paul Tol (2021)

Paul Tol muted

Nine softer colors for many categories.

#CC6677 ·#332288 ·#DDCC77 ·#117733 ·#88CCEE ·#882255 ·#44AA99 ·#999933 ·#AA4499

Source: Paul Tol (2021)

Paul Tol high-contrast

Three colors that stay distinct in grayscale print.

#004488 ·#DDAA33 ·#BB5566

Source: Paul Tol (2021)

viridis color palette

A sequential scale with even lightness steps.

#440154 ·#443A83 ·#31688E ·#21918C ·#35B779 ·#90D743 ·#FDE725

Source: Sampled from: matplotlib

cividis

A sequential scale designed to look nearly the same with and without color vision deficiency.

#00224E ·#2B406D ·#575D6D ·#7D7C78 ·#A59C74 ·#D2C060 ·#FEE838

Source: Sampled from: Nuñez et al. (2018)

Blues

A light-to-dark single-hue scale for counts and densities.

#F7FBFF ·#D6E6F4 ·#ACD0E6 ·#6BAED6 ·#3787C0 ·#115CA4 ·#08306B

Source: Sampled from: ColorBrewer (2003)

ColorBrewer RdBu

A diverging red–blue scale for values above and below a midpoint.

#053061 ·#3784BB ·#A7D0E4 ·#F7F7F7 ·#F8B799 ·#CA4C41 ·#67001F

Source: Sampled from: ColorBrewer (2003)

Paul Tol sunset

A diverging blue–red scale with a pale midpoint.

#364B9A ·#6298C6 ·#A6D3E6 ·#EAECCC ·#FEC072 ·#EE6A41 ·#A50026

Source: Sampled from: Paul Tol (2021)

Color blindness simulator for palettes

TypeCones affectedApprox. shareColors often confused
Deuteranomaly / deuteranopiaM conesAbout 8% of men of Northern European ancestry have red-green color vision deficiency. Birch 2012Red and green
Protanomaly / protanopiaL conesRed and green
TritanopiaS conesRareBlue and yellow
AchromatopsiaAll conesRareAll hues

The simulation applies the Machado, Oliveira and Fernandes (2009) model at full severity, so it shows the strongest form of each deficiency.

Simulations are approximations. Check labels, line styles and marker shapes as well as color.

How to choose colorblind-friendly colors

  1. 1Start from a tested palette

    Use Okabe–Ito or Tol for categories, viridis or cividis for ordered values, and a diverging scale for values around a midpoint.

  2. 2Check pairs that are close

    Look for pairs flagged for deuteranopia or protanopia and swap one color, or let Suggest colors pick a replacement.

  3. 3Copy the codes

    Paste HEX, R or Python codes into your plotting script, or RGB values into Excel or PowerPoint.

Colorblind-friendly palette FAQ

What makes a color palette colorblind-friendly?

Its colors stay distinguishable for people with color vision deficiency, mostly the red-green types that affect about 8% of men of Northern European ancestry. That usually means varying lightness as well as hue, and avoiding red-green pairs of similar lightness. Even with a good palette, add labels, line styles or marker shapes so that color is not the only cue. (British readers search for a colour blind friendly palette; it is the same thing.)

Which palette should I use for a scientific figure?

For up to eight categories, Okabe–Ito or one of Paul Tol's qualitative schemes. For ordered values such as concentration or expression, a sequential scale such as viridis or cividis. For values above and below a meaningful midpoint, such as fold change, a diverging scale such as RdBu or Tol sunset.

What are the Okabe–Ito colors?

Orange #E69F00, sky blue #56B4E9, bluish green #009E73, yellow #F0E442, blue #0072B2, vermillion #D55E00, reddish purple #CC79A7 and black #000000, proposed by Masataka Okabe and Kei Ito in 2008 and popularized in Nature Methods by Bang Wong.

How does the color blindness simulation work?

Each color is converted with the Machado, Oliveira and Fernandes (2009) model for protanopia, deuteranopia and tritanopia at full severity, the strongest form. People with the milder anomalous forms see smaller shifts. The check then measures the CIEDE2000 color difference between every pair; pairs below 10 under red-green simulation are flagged. To simulate a whole image, use an image simulator; this page checks palettes.

Is this the same as an accessible color palette?

Partly. Accessibility guidelines (WCAG 2.2) also ask for contrast: 3:1 for lines, bars and other graphics against the background, and 4.5:1 for text. The table marks colors below 3:1 against the chosen background, such as yellow on white, so you can give them an outline or use them only for fills.

Why not use a rainbow or jet color map?

Rainbow maps change lightness unevenly, which creates false boundaries, and their red and green ends are confused under red-green deficiency (Crameri et al., 2020). viridis and cividis increase lightness steadily, so they read correctly in color, in grayscale and with color vision deficiency.

Can I use red and green together?

Avoid red and green of similar lightness as the only difference between groups. If you need both, make one clearly darker, or use a red–blue or orange–blue pair instead. The check flags red-green pairs that collapse under deuteranopia or protanopia.

How do I use these colors in R, Python, Excel or PowerPoint?

Use Code ▾ to copy an R vector or a ggplot2 scale_color_manual() call, a Python list or a matplotlib color cycle, or RGB values to type into Excel or PowerPoint’s custom color dialog.

Is it free, and are my colors private?

Yes. No account is needed, and colors are processed only in this browser. Custom colors are included in the share link, so only share it if you are happy for others to see them.

Ready to check your colors?

Pick a palette or paste your own colors.