Finding the Right Color Palettes for Data Visualizations

In this blog, three rules of thumbs have been provided:

  1. Have a wide range in both hue and brightness

To have palettes which are varied in brightness, so that the audience can distinguish the information easily. If you use bright color or hue color only, people who are color blind will have difficulties cannot be able to tell the difference, and those ordinary audiences will also be suffered from

2.   Follow natural patterns of color

Sometimes nature can give you the most inspiring instinct. if you look at the landscape below, a sunset or the spring in a forest, you will see the beauty of palette of a light green to a purplish blue or an orange-brown to cold gray…that color makes you fell pleasant when you see natural view will give you similar feeling when you design your own visualization work.

3.  Use a gradient instead of choosing a static set of colors

To extract from the gradients will make your color seems more natural and pleasing. By use of grayscale and grid, designers will be able to switch color by descending hue easily.

Finally, here are some useful links for you guys to make as references when choosing your color palette.

Tools

Color Picker for Data — a handy color tool where you can hold chroma constant and pick your palette with ease

Chroma.js — a JavaScript library for dealing with colors

Colorbrewer2 — a great tool for finding heat map and data visualization colors, with multi-hue and single-hue palettes built in.

gradStop.js — a JavaScript library to generate monotone color schemes and equidistant gradient stops

Color Oracle — a free color blindness simulator for Window, Mac and Linux.

Other Resources

And here are some other good color palette resources we found and loved. While they are not necessarily designed for data visualization, we think you would find them useful.

ColorHunt — high quality color palettes with quick preview feature, great resource if you only need four colors

COLOURlovers — great color community with various tools to create color palettes as well as pattern designs

ColorSchemer Studio — powerful desktop color pick app

Coolors — light weight random color palette generator where you can lock the colors you want and swap out the others

Flat UI Colors — great UI color set, one of the most popular ones

Material Design Colors — another great UI palette. Not only does it provide a wide range of colors, it also provides different “weights” or brightness of each color

Palettab — a Chrome extension that shows you a new color palette and font inspiration with every tab

Swiss Style Color Picker — another collection of good color palettes

reference:

https://blog.graphiq.com/finding-the-right-color-palettes-for-data-visualizations-fcd4e707a283#.iumxfns41