UI & Data Visualization

Sequential scale

A sequence of colors for representing numeric data from low to high.

Sequential color scales are quantitative.

Gradient from lime green to deep blue displayed above a U.S. map. Each state is filled with a unique color from the gradient, sequential scale.

How it affects UI design

When creating color scales, interpolating in various color spaces will result in different colors or appearance. Use a color appearance model if trying to make your color scale perceptually balanced.

Do not rely on color choice alone to make data visualizations accessible. Additional considerations beyond color and contrast may be necessary.

Sources:

  1. Lisa Charlotte Muth. Which color scale to use when visualizing data. Datawrapper. https://blog.datawrapper.de/which-color-scale-to-use-in-data-vis/
  2. Color for Data Visualization. Adobe Spectrum. https://spectrum.adobe.com/page/color-for-data-visualization/