Research and Visual Design
Chart Color Exploration
What's the right frequency?
Pencil and paper, Pantone Color Book, Illustrator, Photoshop and Sketch
The existing color sequence for data visualization in Intelligence does not reflect appropriate colors that tie the brand with the product and falls short for the average data points needed in charts. The direct impact of this change will be seen all over the product suite as the majority of it is chart driven.
The current Clarity color palette was selected to do a color exploration that would satisfy the demand to include between 20 and 25 color swatches to accommodate for charts and data visualizations with as many data points was defined.
The initial exploration was done selecting colors with an accessibility rate of at least AA or 4.1:1 ratio and then removing anything with pre-existing meaning (links and alerts).
Working Color Palette
After removing the colors that didn’t pass the AA rating, and removing the colors that had previous meaning, what was left was a color palette that was unusable when it came time to draw different color sequences.
The decision was made to extend the existing Clarity Palette tweaking hue and saturation values to accommodate for the current ask and then explore possible sequences.
With over 15 sequences tested, we settled finally on one and made it work.
The outcome was a bright colored palette that represents the brand properly, has been thouroughly tested for accessibility and has the right sequence to differentiate all data points in the most complex of data visualization forms in the platform.