Build Assets
Brand Guideline
Data Visualization Palette
A categorical + sequential color palette for charts that stays legible and accessible.
Platform: bothTags: color, data-viz, charts, accessibility, palette
The Rule
Charts use a defined categorical palette (max 6–8 hues, distinguishable by hue AND lightness) for discrete series, and a single-hue sequential ramp for continuous data. Series are also distinguished by a non-color channel (label, pattern, or direct annotation). Semantic colors (red = negative, green = positive) are reserved for meaning, not decoration.
Rationale
Adjacent colors shift each other's appearance (Albers' relativity), so chart colors chosen in isolation fail when placed side by side. Limiting the palette and separating by lightness keeps series distinct for everyone, including color-deficient viewers.
Specifications
categorical6–8 hues max, each also separated by lightness step
sequentialSingle-hue ramp, light→dark, 5–7 stops
divergingTwo-hue ramp through a neutral midpoint for above/below-zero data
contrastEvery series color meets 3:1 against the chart background
Examples
- Good: 6 categorical hues that stay distinct in grayscale
- Bad: a rainbow of 12 similar-lightness hues where three series look identical