Skip to content
ColorArchive
Issue 073
2027-06-03

Color in data visualization: encoding information without misleading your audience

In most design contexts, color is decorative or expressive. In data visualization, color is functional: it encodes information. The same color choice that reads as attractive in a marketing context can systematically mislead an audience in a chart. The rules for visualization color are different from the rules for UI color, different from the rules for brand color, and different from the rules for illustration. Applying the wrong ruleset — as most designers do when they first approach data visualization — produces charts that look designed but communicate poorly.

Highlights
There are three types of color scales in data visualization, and each requires a different color strategy. Sequential scales represent ordered data from low to high (e.g., population density, revenue). They should use a single hue with lightness varying from light (low) to dark (high), or two hues that transition through a neutral. Diverging scales represent data with a meaningful midpoint (e.g., temperature above/below freezing, survey agreement/disagreement). They should use two contrasting hues meeting at a neutral center. Categorical scales represent unordered groups (e.g., product categories, geographic regions). They should use hues that are maximally distinct with equal perceptual weight — avoiding any hue that reads as more important than others.
Rainbow color scales (ROYGBIV) are one of the most persistent mistakes in data visualization. They look like they should encode a range, but they don't: the perceived brightness of rainbow hues is uneven (yellow is much lighter than blue), which creates false visual emphasis. Green appears more important than red or violet simply because of its position in the visual hierarchy. The ordering is not perceptually linear — the gap between red and orange appears larger than the gap between green and teal even if the underlying data gap is identical. Use perceptually uniform color scales (viridis, cividis, plasma) for quantitative sequential data instead.
Color blindness affects approximately 8% of men and 0.5% of women, with red-green color vision deficiency (deuteranopia and protanopia) being the most common form. A chart that encodes the distinction between positive and negative values using only red and green will be completely unreadable to this population. The fix is to use both color and a secondary encoding — shape, position, pattern, or label — for any distinction the chart depends on. Never rely on color as the sole differentiator for critical data.

Choosing accessible colors for data visualization

For categorical palettes in charts, start with hues separated by at least 30 degrees on the color wheel: blue (220°), orange (25°), green (140°), red (350°), purple (280°), teal (175°). Keep saturation and lightness roughly equal across all hues so no category appears more prominent than others. Test every categorical palette with a deuteranopia simulator before finalizing. For sequential palettes, use a single-hue ramp with lightness from ~90% (low values) to ~20% (high values) — this provides the greatest perceptual range while remaining accessible. For diverging palettes, the neutral midpoint should be clearly distinguishable and typically should sit near 85-90% lightness.

Color and chart type relationships

Different chart types have different color requirements that are not always obvious. In line charts, each line needs a distinct hue, but the lines compete visually — use no more than 5-6 colors before switching to a labeled direct annotation strategy. In bar charts, all bars in a single category should use the same hue; color variation within bars implies category differences that may not exist. In scatter plots, color encodes a third variable — use sequential or categorical scales as appropriate for that variable's type, not the color that 'looks good' with the chart background. In heatmaps, sequential scales (light to dark) are almost always correct; avoid using diverging scales unless a meaningful midpoint exists in the data.

Newer issue
Color consistency across devices: why the same hex looks different everywhere
2027-05-27
Older issue
Color and typography: why your font color matters as much as your typeface
2027-06-10