Data visualization

Use color to make data clearer.

Generate ordered and categorical palettes, preview them on a chart, then export the exact values.

Base color
Palette purpose

Ordered values from low to high.

Sequential palette

Ordered values from low to high. Previewed as a compact bar chart.

1234567
1#C8F1FF
2#93CEFF
3#67A9EE
4#4685D0
5#3163A7
6#254478
7#182848

For critical charts, follow this with the palette accessibility audit and never communicate meaning through color alone.

Next steps

Palette accessibilityAudit every palette pair for contrast and vision conflicts.Shade, tint & scaleGenerate ordered shades, tints, tones, or a UI scale.Color vision simulatorPreview common color-vision differences.Palette builderBuild harmonies and practical color palettes.