Concept Viz logo
ConceptViz
示例定价API资源教育计划
Okabe-Ito Palette Hex Codes for Python, R & CSS
2026/02/19

Okabe-Ito Palette Hex Codes for Python, R & CSS

Copy all 8 Okabe-Ito palette hex codes with RGB values and ready-to-use Python, R, MATLAB and CSS snippets for colorblind-safe scientific figures.

Okabe-Ito Palette Hex Codes: Complete Reference

Need the Okabe-Ito palette hex codes? Copy this sequence:

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

The Okabe-Ito palette is the most widely recommended colorblind-safe color palette for scientific figures. Created by Masataka Okabe and Kei Ito at the Color Universal Design organization, it provides 8 colors that remain distinguishable for people with all common types of color vision deficiency (CVD).

This palette is explicitly recommended by Nature Methods (where it is sometimes called the Wong palette after Bang Wong's 2011 article) and is the default categorical palette in Claus Wilke's Fundamentals of Data Visualization.

Scientific Color Palette Generator

Scientific Color Palette Generator

Generate colorblind-safe palettes for your research figures. Export hex codes, RGB values, and more.

Try it free →

All 8 Okabe-Ito Hex Codes

Here are the complete Okabe-Ito palette hex codes, ready to copy and paste:

Color NameHex CodeRGBSample
Orange#E69F00rgb(230, 159, 0)🟠
Sky Blue#56B4E9rgb(86, 180, 233)🔵
Bluish Green#009E73rgb(0, 158, 115)🟢
Yellow#F0E442rgb(240, 228, 66)🟡
Blue#0072B2rgb(0, 114, 178)🔵
Vermillion (Red)#D55E00rgb(213, 94, 0)🔴
Reddish Purple#CC79A7rgb(204, 121, 167)🟣
Black#000000rgb(0, 0, 0)⚫

Quick copy (all 8 hex codes):

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

Why the Okabe-Ito Palette Is the Gold Standard

Approximately 8% of men and 0.5% of women have some form of color vision deficiency. The Okabe-Ito palette addresses this by providing colors that:

  • Remain distinguishable for protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind)
  • Have distinct luminance values, so the palette works even in grayscale printouts
  • Were designed for CVD from the start -- not retrofitted or "tested" after creation
  • Cover 8 distinct categories, which is sufficient for most scientific figures

This is why journals like Nature, Science, and Cell explicitly recommend colorblind-safe palettes in their author guidelines.

Code Snippets: Use Okabe-Ito in Your Plots

Python (matplotlib / seaborn)

# Define the Okabe-Ito palette
okabe_ito = ['#E69F00', '#56B4E9', '#009E73', '#F0E442',
             '#0072B2', '#D55E00', '#CC79A7', '#000000']

# Use with matplotlib
import matplotlib.pyplot as plt
plt.rcParams['axes.prop_cycle'] = plt.cycler(color=okabe_ito)

# Use with seaborn
import seaborn as sns
sns.set_palette(okabe_ito)

R (ggplot2)

# Define the palette
okabe_ito <- c("#E69F00", "#56B4E9", "#009E73", "#F0E442",
               "#0072B2", "#D55E00", "#CC79A7", "#000000")

# Use with ggplot2
library(ggplot2)
ggplot(data, aes(x, y, color = group)) +
  geom_point() +
  scale_color_manual(values = okabe_ito)

# Or use the built-in scale (ggplot2 ≥ 3.4.0)
ggplot(data, aes(x, y, color = group)) +
  geom_point() +
  scale_color_okabeito()

MATLAB

% Define the Okabe-Ito palette as RGB (0-1 range)
okabe_ito = [
    230/255, 159/255, 0;       % Orange
    86/255,  180/255, 233/255;  % Sky Blue
    0,       158/255, 115/255;  % Bluish Green
    240/255, 228/255, 66/255;   % Yellow
    0,       114/255, 178/255;  % Blue
    213/255, 94/255,  0;        % Vermillion
    204/255, 121/255, 167/255;  % Reddish Purple
    0,       0,       0         % Black
];

% Set as default color order
set(groot, 'defaultAxesColorOrder', okabe_ito);

CSS Custom Properties

:root {
  --oi-orange: #E69F00;
  --oi-sky-blue: #56B4E9;
  --oi-green: #009E73;
  --oi-yellow: #F0E442;
  --oi-blue: #0072B2;
  --oi-vermillion: #D55E00;
  --oi-purple: #CC79A7;
  --oi-black: #000000;
}

Okabe-Ito vs. Other Colorblind-Safe Palettes

FeatureOkabe-ItoViridisPaul TolColorBrewer
TypeCategoricalSequentialBothBoth
Colors8 discreteContinuousUp to 123-12
Best forDistinct categoriesHeatmaps, gradientsComplex figuresMaps, charts
CVD safeAll typesAll typesAll typesSelected palettes
Recommended byNature Methodsmatplotlib defaultAcademic standardCartoDB, QGIS

When to use Okabe-Ito: Use it whenever you need distinct categorical colors -- bar charts, line graphs with multiple series, scatter plots with groups, legends, and labels. For sequential or diverging data (heatmaps, geographic maps), use Viridis or ColorBrewer instead.

For a complete guide covering all these palettes with hex codes, see our comprehensive scientific color palette guide.

Okabe-Ito Palette Origin and Citation

The palette was first published by Masataka Okabe and Kei Ito as part of the Color Universal Design (CUD) project at the University of Tokyo:

Okabe, M. & Ito, K. (2008). "Color Universal Design (CUD): How to make figures and presentations that are friendly to Colorblind people." Available at jfly.uni-koeln.de/color/

It gained widespread recognition after Bang Wong's 2011 article in Nature Methods:

Wong, B. (2011). "Points of view: Color blindness." Nature Methods, 8(6), 441. doi:10.1038/nmeth.1618

How to cite in your paper: Reference either the original Okabe & Ito (2008) source or Wong (2011) Nature Methods article, depending on your field's convention.

Frequently Asked Questions

Is the Okabe-Ito palette the same as the Wong palette?

Yes, effectively. Bang Wong popularized the Okabe-Ito palette in his 2011 Nature Methods column, and many researchers refer to it as the "Wong palette." The hex codes are identical.

How many colors are in the Okabe-Ito palette?

The standard Okabe-Ito palette contains 8 colors: Orange (#E69F00), Sky Blue (#56B4E9), Bluish Green (#009E73), Yellow (#F0E442), Blue (#0072B2), Vermillion (#D55E00), Reddish Purple (#CC79A7), and Black (#000000).

Can I use the Okabe-Ito palette commercially?

Yes. The palette was published as part of the Color Universal Design project and is freely available for any use, including commercial applications.

Does ggplot2 have a built-in Okabe-Ito scale?

Yes. Starting with ggplot2 version 3.4.0, you can use scale_color_okabeito() and scale_fill_okabeito() directly without defining the hex codes manually.

What if I need more than 8 colors?

If you need more than 8 distinct categories, consider combining the Okabe-Ito palette with shape or pattern encoding. Alternatively, the Paul Tol palette offers up to 12 colorblind-safe categorical colors. See our full palette comparison guide for details.

Scientific Color Palette Generator

Scientific Color Palette Generator

Generate and customize colorblind-safe palettes for your figures.

Try free →
所有文章

分类

  • Guides
Okabe-Ito Palette Hex Codes: Complete ReferenceAll 8 Okabe-Ito Hex CodesWhy the Okabe-Ito Palette Is the Gold StandardCode Snippets: Use Okabe-Ito in Your PlotsPython (matplotlib / seaborn)R (ggplot2)MATLABCSS Custom PropertiesOkabe-Ito vs. Other Colorblind-Safe PalettesOkabe-Ito Palette Origin and CitationFrequently Asked QuestionsIs the Okabe-Ito palette the same as the Wong palette?How many colors are in the Okabe-Ito palette?Can I use the Okabe-Ito palette commercially?Does ggplot2 have a built-in Okabe-Ito scale?What if I need more than 8 colors?

更多文章

UML Diagram Types Explained: Class, Sequence & Use Case Guide (2026)

UML Diagram Types Explained: Class, Sequence & Use Case Guide (2026)

Learn the 14 UML diagram types with examples. Step-by-step guide to creating class diagrams, sequence diagrams, and use case diagrams for software projects.

2026/02/12
How to Create a Sankey Diagram in Excel: Step-by-Step Guide (2026)

How to Create a Sankey Diagram in Excel: Step-by-Step Guide (2026)

Learn how to make Sankey diagrams in Excel using add-ins, manual workarounds, and dedicated tools. Complete step-by-step guide with templates, examples, and best alternatives.

2026/02/14
AI Conceptual Framework for Thesis: Prompts, Examples, and Chapter 1 Workflow

AI Conceptual Framework for Thesis: Prompts, Examples, and Chapter 1 Workflow

Create an AI conceptual framework for thesis work with prompts, examples, variable tables, Chapter 1 writing tips, and validation checks.

2026/05/10
Concept Viz logo
ConceptViz

Turn your science ideas into clear diagrams effortlessly.

contact@conceptviz.app
产品
  • 定价
  • API
  • 博客
  • 常见问题
  • 示例
公司
  • 关于
  • 联系
法律
  • 许可证
  • 条款
  • 隐私
  • 内容政策
  • Cookie
  • 退款
社区
  • 教育计划
免费工具
  • 动物细胞图表
  • 植物细胞图表
  • 动物细胞 vs 植物细胞
  • 水循环图表
  • 圣诞科学着色页
  • 更多工具 →
© 2026 ConceptViz. All rights reserved.