Awesome Color

An opinionated list of color tools and resources for data visualization and user interface design.

Tools for Picking Colors

• CARTOColors A set of custom color palettes built on top of well-known standards for color use on maps.
• Chroma.js Color Palette Helper chroma.js-powered web tool to pick sequential or diverging color scales
• Color Oracle A free color blindness simulator for Window, Mac and Linux.
• Color Picker for Data Interactive tool to choose six sequential colors.
• ColorBrewer Ready-made color schemes for maps.
• Colorgorical Generate a color palette with strong perceptual differences to use with different categories of data.
• Coolors Color palette generator with a trending palettes list
• Data Color Picker A palette generator that picks hues between color endpoints.
• Hayk Color Scale Generator Create and preview color scales.
• Leonardo for Data Viz Create sequential, diverging, or qualitative scales
• Open Color A a color scheme for UI design of 12 color-blind safe colors.
• Paletton Web-based color palette picker.
• Poline An esoteric color palette generation library
• Viz Palette Born out of a frustration with picking colors for data visualizations. This project is optimized for tweaking, copying, and pasting in and out of JavaScript.

Color Contrast Checkers

• Adobe Color: Contrast Checker Make sure your color choices are as accessible as possible by checking the contrast ratio of your background and text colors.
• Color Contrast Checker Simple contrast test with WCAG 2 grades
• Color Review visual color contrast picker with safe zones
• WhoCanUse Who can use this color combination? A simple but powerful contrast checker and color blindness simulator

Color Accessibility Tools and Resources

• Adobe Color: Color Blind Safe Create visually accessible color themes
• What to consider when visualizing data for colorblind readers

Articles About Color

• Color in Data Vis Blog posts from Lisa Charlotte Muth on datawrapper.de
• How to Create Brand Colors for Data Visualization Style Guidelines

Etc.

• Data Visualization Style Guidelines Examples gathered by the Data Visualization Society
• Picular Search for a key word and get results as a list of color swatches
• Shadow Palette Generator Create a set of lush, realistic CSS shadows
• Wes Anderson Palettes Colors from Wes Anderson screen caps

Even More Awesome

• Awesome Colour
• Awesome Dataviz Color
• Colorful