Color can make or break your visualization.
Use it well, and your data tells a clear story. Use it poorly, and you confuse your audience—or worse, mislead them.
The good news? You don't need to be a designer to use color effectively. You just need to understand a few key principles.
Why Color Matters in Data Viz
Color Communicates Meaning
Before anyone reads a single label, they see color. It's the first thing the brain processes.
- Red signals danger, loss, or "stop"
- Green signals success, growth, or "go"
- Blue feels trustworthy and calm
- Yellow/Orange draws attention and signals caution
These associations are cultural and context-dependent, but they're powerful. Use them intentionally.
Color Creates Hierarchy
Want viewers to focus on one bar in a chart? Make it a different color. Want to show which data points are related? Give them the same color.
Color guides the eye and tells people what's important.
The Three Types of Color Palettes
1. Categorical Palettes
Use for: Distinct categories with no inherent order
Examples: Product types, countries, departments
Rule: Colors should be visually distinct. Avoid colors that are too similar.
Good palette: Blue (#4E79A7), Orange (#F28E2B), Green (#59A14F), Red (#E15759), Purple (#B07AA1) — five hues spaced far enough apart to stay distinct even at small sizes
Bad palette: Light blue, Medium blue, Dark blue, Teal (too similar)
Categorical palettes work best on a pie chart or a donut chart, where every slice needs its own clearly separable color and there's no natural low-to-high order to preserve.
2. Sequential Palettes
Use for: Data that goes from low to high
Examples: Temperature, population density, sales volume
Rule: Use a single hue that varies in lightness. Light = low, Dark = high.
Good palette: Light blue → Medium blue → Dark blue
Sequential palettes are the right default for a heatmap, where lightness alone needs to communicate magnitude across a whole grid of cells at once.
3. Diverging Palettes
Use for: Data with a meaningful middle point
Examples: Profit/loss, above/below average, positive/negative sentiment
Rule: Two contrasting colors with a neutral middle. The middle represents zero or the baseline.
Good palette: Red (negative) → White (zero) → Green (positive)
Color Accessibility: Don't Exclude 8% of Men
The Problem
About 8% of men and 0.5% of women have some form of color blindness. The most common type? Red-green color blindness.
If your chart relies on red vs. green to convey meaning, 1 in 12 men literally cannot read it. Our colorblind-safe chart guide covers this in more depth, including pattern overlays for chart types where color alone can't carry the meaning.
The Solutions
1. Don't rely on color alone
- Add labels directly on chart elements
- Use patterns or shapes in addition to color
- Include a legend that doesn't require color perception
2. Use colorblind-safe palettes
- Blue and Orange (safe for most types)
- Blue and Yellow (high contrast)
- Avoid Red + Green combinations
3. Test your visualizations
- Use colorblind simulators online
- Check in grayscale—does it still make sense?
- Ask a colorblind colleague to review
Practical Tips for Better Color Use
Tip #1: Limit Your Palette
Rule: Use 3-5 colors maximum in a single chart.
More colors = more confusion. If you have more than 5 categories, consider grouping some into "Other" or using a different chart type.
Tip #2: Use Gray Strategically
Gray is your secret weapon. Use it for:
- Context data that's not the main focus
- Gridlines and axes (subtle, not distracting)
- Comparing "this year" (color) vs "last year" (gray)
Tip #3: Be Consistent Across Charts
If "Sales" is blue in one chart, it should be blue in every chart. Changing colors confuses your audience and breaks trust.
Tip #4: Consider Dark Mode
Many people use dark mode. Colors that look great on white backgrounds can be harsh or illegible on dark backgrounds. Test both. For a complete guide on designing charts for dark interfaces, see our dark mode charts best practices article.
Tip #5: Avoid Pure Black
Pure black (#000000) on pure white is harsh. Use dark gray (#333333) instead—it's easier on the eyes and looks more professional.
Testing a Palette Before You Publish
A palette that looks fine on your monitor can still fail in the real world. Before you ship a chart, run it through a few quick checks:
- Grayscale test: Convert the chart to grayscale, either by desaturating a screenshot or squinting at it. If two series become indistinguishable, the color contrast between them isn't doing enough work.
- Colorblind simulation: Run the chart through a simulator like Coblis to see how it reads with the three most common types of color vision deficiency.
- Contrast check: If any text sits on top of a colored background (a label inside a bar, for example), check the contrast ratio against WCAG's minimum guidelines rather than eyeballing it.
- Print test: If the chart might ever be printed in black and white, check that it still makes sense without color at all. Line style, markers, or direct labels should carry the meaning on their own.
This takes about five minutes and catches most of the problems that show up after a chart has already gone out. It's a habit worth building for any chart with more than two or three series.
Color Meanings by Context
| Context | Positive | Negative | Neutral |
|---|---|---|---|
| Finance | Green (profit) | Red (loss) | Gray |
| Performance | Green (good) | Red (bad) | Yellow (okay) |
| Temperature | Red (hot) | Blue (cold) | White |
| General | Blue (primary) | Orange (accent) | Gray |
Note: In some Asian markets, red means prosperity (positive), not danger. Know your audience!
Tools and Resources
Color Palette Generators
- ColorBrewer - Specifically designed for maps and data viz, with a colorblind-safe filter built in
- Coolors - Generate and explore palettes
- Adobe Color - Create palettes from color theory rules
Accessibility Checkers
- Coblis - Colorblind simulator
- WebAIM Contrast Checker - Test text and element contrast against WCAG guidelines
Pre-Made Palettes
- CleanChart - Built-in colorblind-safe palettes
- Tableau Public - Well-tested default palettes
Conclusion
Good color use comes down to three things:
- Purpose: Every color should mean something
- Consistency: Same data = same color, always
- Accessibility: Design for everyone, including colorblind viewers
You don't need to be a designer. You just need to be intentional.
Frequently Asked Questions
What's the safest color palette for any audience?
Blue and Orange. They're distinct for most colorblind types, work in both light and dark modes, and have no strong cultural associations that might confuse international audiences.
Should I use my brand colors in charts?
Use your primary brand color for emphasis, but don't force your entire brand palette into data visualization. Data clarity comes first.
How do I know if my colors have enough contrast?
Convert your chart to grayscale. If you can still distinguish all the elements, your contrast is good. For text specifically, WCAG recommends a contrast ratio of at least 4.5:1 against its background, which a contrast checker will calculate for you directly.
How many series can one chart hold before colors stop working?
In practice, most people can reliably track five to seven distinct colors in a single chart before they start losing track of which is which. Past that point, group the smaller series into "Other," split the chart into small multiples, or switch to a chart type like a heatmap that encodes value through position and lightness instead of relying on the reader to remember a color key.