Guidelines
Suggest edit

Reserve gray for categories you intend to downplay

For categorical charts that mix gray and non-gray marks, avoid gray on categories that are as important as the colored ones to prevent false hierarchy and address palette workarounds that hide important data for readers who interpret gray as lower priority.

  • purpose:refine
  • basis:heuristic
  • quality:fidelity
  • lever:encoding
  • polish:hierarchy
  • aesthetic:color:avoid

advice

Reserve gray for lower-priority categories

Use gray only for categories you want readers to treat as less important. For example, keep miscellaneous, others, no data, no answer, or don’t know in gray, but give any equally important category a non-gray color instead of using gray as a normal palette color.

reason

Why gray carries a meaning of lower importance

Gray is not read like an ordinary category color in many charts. When an important category is gray, readers are likely to underweight it because gray already signals background status.

Mechanism: Readers commonly interpret gray as a cue for reduced importance, so an equally important gray category looks secondary even if the data say otherwise.

Evidence: The post states that gray is special, notes that readers are used to charts where gray marks less important categories, warns against making an equally important category gray, and gives examples such as miscellaneous, others, no data, no answer, and don’t know as typical low-priority gray categories (Muth, 2023).

context

Use when gray appears alongside colored categories

  • User Goal: Keep the importance of categories consistent with how they are colored.
  • Task: Show several categories without accidentally making one look secondary.
  • Data: Categorical data with one or more categories currently shown in gray next to colored categories.
  • Chart Setting: A chart or table where gray may be used because the palette is short or the style guide is limited.
  • Audience: Readers are expected to treat color as a cue for importance.
  • Success Criterion: No equally important category is visually demoted just because it is gray.

exceptions

Do not use when the category should be visually secondary

Break it when: The gray category truly is less important, such as a miscellaneous, others, no data, no answer, or don’t know group. Why: In that case gray correctly communicates that the category should take a back seat.

costs

Tradeoffs of reserving gray

Sacrifice: You lose one easy neutral option from the palette for ordinary category encoding. Risk: A limited style guide may tempt you to use gray anyway. Mitigation: Expand the available palette instead of repurposing gray as a normal category color.

mistakes

Common failures in gray usage

  • Mistake: Using gray because you ran out of colors. Why it fails: Readers read gray as less important, not as just another category.
  • Mistake: Letting a limited style guide force an important category into gray. Why it fails: The chart communicates the wrong hierarchy.

check

Check whether gray still means lower priority

Failure Sign: A gray category carries the same analytical weight as colored categories but looks secondary. Quick Check: Ask whether every gray mark is intentionally less important than every colored mark.

fix

Fix misleading gray categories

  • Replace any equally important gray category with a non-gray category color.
  • Reserve gray only for categories you intentionally want to downplay.
  • If the palette is too short, add more non-gray category colors.
  • Request a style-guide update instead of treating gray as a normal category slot.

References

Muth, L. C. (2023). Emphasize what you want readers to see with color. https://www.datawrapper.de/blog/emphasize-with-color-in-data-visualizations