Data Design

Search intent: data visualization color palette sequential diverging categorical chart accessible colorblind

Color in Data Visualization: Sequential, Diverging, and Categorical Palettes

Data visualization is one of the highest-stakes environments for color decision-making. The wrong palette can make a chart misleading, inaccessible to colorblind viewers, or unreadable in grayscale. This guide covers the three palette types, how to validate them, and the most common visualization color mistakes.

Data VisualizationChartsAccessibilityColor Theory

Key points

Sequential, diverging, and categorical are the three fundamental data visualization palette types. Using the wrong type — categorical colors for ordered data, or sequential colors for unordered categories — creates false implied ordering and is one of the most common data visualization color errors.

Approximately 8% of men have some form of red-green color vision deficiency. A red/green comparison chart — still ubiquitous in financial dashboards — is unreadable to roughly 1 in 12 male viewers. Validated colorblind-safe palettes (Okabe-Ito, ColorBrewer) solve this with lightness contrast that survives all deficiency types.

The grayscale test: convert your chart palette to grayscale and verify all categories remain distinguishable. Charts are frequently printed, photocopied, or viewed on low-quality displays. If two categories collapse to the same gray, viewers cannot differentiate them without reading the legend.

Sequential vs. diverging vs. categorical

Sequential palettes encode magnitude: light-to-dark maps to low-to-high values. Use for data with a natural minimum and maximum — population density, sales volume, response time. A single-hue sequential palette is always safe; multi-hue sequential palettes can increase discrimination at the cost of implying a direction change. Diverging palettes have two hues meeting at a neutral center. Use when zero or the mean is meaningful — financial variance, survey agreement, geographic deviation from average. The two endpoint hues should be perceptually equidistant from the neutral center in luminance. Categorical palettes need hues that are perceptually distinct without implying order. Maximum discrimination: space hues at least 30-40° apart on the color wheel, vary lightness slightly to add discrimination, and never use adjacent warm colors (yellow, orange, red) as separate categories — they look too similar at small chart element sizes.

Validating for colorblindness and print

Every data visualization palette needs two validation passes before shipping. Colorblind simulation: use Coblis, Figma's accessibility plugin, or Stark to simulate deuteranopia, protanopia, and tritanopia. For each simulation, verify all categories remain distinguishable. If two categories merge, replace one with a color that differs in lightness — lightness difference survives all forms of color vision deficiency. Grayscale test: desaturate the chart entirely. Each category should remain distinguishable by lightness value alone. If you have 5 categories, you need 5 distinct lightness levels. The practical constraint: more than 4-5 categories in a single chart is usually a design problem, not just a color problem — the chart may need to be restructured rather than given more colors. A sixth color that is indistinguishable from an existing one in grayscale is a signal to split the chart.

Practical next step

Move from the guide into a concrete palette lane

Guides explain the use case. Collections prove the taste. Packs handle the export and implementation layer.

Browse packs More guides

Related guides

Data Visualization

Color for Data Visualization: Building Perceptually Correct Chart Palettes

Data visualization color is not brand color. The goal is accurate encoding, not aesthetic harmony. This guide covers the four semantic color roles in dataviz, perceptual uniformity requirements, color blindness constraints, and how to build categorical, sequential, and diverging palettes that communicate data without misleading it.

Accessibility

Color Accessibility in 2025: WCAG 2.1, APCA, and the Dual-Standard Audit

WCAG 2.1's contrast ratio formula was not calibrated for font weight or size — it treats a 400-weight 12px label and a 700-weight 48px heading identically. APCA (Advanced Perceptual Contrast Algorithm), the foundation of the forthcoming WCAG 3.0, corrects this with a model that varies required contrast by font size and weight. This guide explains the practical differences, how to run a dual-standard audit, and what to prioritize during the standards transition.

Data Visualization

Color in Data Visualization: Sequential, Categorical, and Diverging Palettes Explained

Data visualization color follows a different set of rules from brand or UI color — the palette must encode information accurately, survive colorblindness, and remain legible at small scales and in print. This guide covers the three palette types every data designer needs, how to build each, and the most common mistakes that make charts misleading.