We provide sequential and categorical color schemes designed to work with ordinal and sequential scales. Color types come from avh4/elm-color.
Categorical color schemes can be used to encode discrete data values, each representing a distinct category.
category10 : List Color
A list of ten categorical colors
accent : List Color
A list of eight categorical colors
paired : List Color
A list of twelve categorical paired colors
pastel1 : List Color
A list of nine categorical pastel colors
pastel2 : List Color
A list of eight categorical pastel colors
tableau10 : List Color
A list of ten categorical colors
colorblind : List Color
A list of eight colorblind friendly categorical colors
set1 : List Color
A list of nine categorical colors
set2 : List Color
A list of eight categorical colors
Given a number t in the range [0,1], returns the corresponding color from the color scheme
Sequential color schemes can be used to encode quantitative values. These color ramps are designed to encode increasing numeric values.
bluesInterpolator : Basics.Float -> Color
greensInterpolator : Basics.Float -> Color
greysInterpolator : Basics.Float -> Color
orangesInterpolator : Basics.Float -> Color
purplesInterpolator : Basics.Float -> Color
redsInterpolator : Basics.Float -> Color
brownsInterpolator : Basics.Float -> Color
tealInterpolator : Basics.Float -> Color
warmGreysInterpolator : Basics.Float -> Color
lightOrangeInterpolator : Basics.Float -> Color
Given a number t in the range [0,1], returns the corresponding color from the color scheme
Sequential color schemes can be used to encode quantitative values. These color ramps are designed to encode increasing numeric values, but use additional hues for more color discrimination, which may be useful for visualizations such as heatmaps. However, beware that using multiple hues may cause viewers to inaccurately see the data range as grouped into color-coded clusters.
viridisInterpolator : Basics.Float -> Color
The “viridis” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib.
infernoInterpolator : Basics.Float -> Color
The “inferno” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib.
magmaInterpolator : Basics.Float -> Color
The “magma” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib,.
plasmaInterpolator : Basics.Float -> Color
The “plasma” perceptually-uniform color scheme designed by van der Walt, Smith and Firing for matplotlib.
blueGreenInterpolator : Basics.Float -> Color
bluePurpleInterpolator : Basics.Float -> Color
greenBlueInterpolator : Basics.Float -> Color
orangeRedInterpolator : Basics.Float -> Color
purpleBlueInterpolator : Basics.Float -> Color
purpleBlueGreenInterpolator : Basics.Float -> Color
purpleRedInterpolator : Basics.Float -> Color
redPurpleInterpolator : Basics.Float -> Color
yellowGreenInterpolator : Basics.Float -> Color
yellowOrangeBrownInterpolator : Basics.Float -> Color
yellowOrangeRedInterpolator : Basics.Float -> Color
tealBluesInterpolator : Basics.Float -> Color
goldGreensInterpolator : Basics.Float -> Color
goldOrangeInterpolator : Basics.Float -> Color
goldRedInterpolator : Basics.Float -> Color
lightGreyRedInterpolator : Basics.Float -> Color
lightGreyTealInterpolator : Basics.Float -> Color
lightMultiInterpolator : Basics.Float -> Color
Given a number t in the range [0,1], returns the corresponding color from the color scheme
Diverging color schemes can be used to encode quantitative values with a meaningful mid-point, such as zero or the average value. Color ramps with different hues diverge with increasing saturation to highlight the values below and above the mid-point.
blueOrangeInterpolator : Basics.Float -> Color
brownBlueGreenInterpolator : Basics.Float -> Color
purpleGreenInterpolator : Basics.Float -> Color
purpleOrangeInterpolator : Basics.Float -> Color
redBlueInterpolator : Basics.Float -> Color
redGreyInterpolator : Basics.Float -> Color
yellowGreenBlueInterpolator : Basics.Float -> Color
redYellowBlueInterpolator : Basics.Float -> Color
redYellowGreenInterpolator : Basics.Float -> Color
pinkYellowGreenInterpolator : Basics.Float -> Color
spectralInterpolator : Basics.Float -> Color
carbonDiverging1Interpolator : Basics.Float -> Color
The “Carbon palette1” diverging color scheme, from the Carbon Design System
The red-cyan palette has a natural association with temperature. Use this palette for data representing hot-vs-cold.
carbonDiverging2Interpolator : Basics.Float -> Color
The “Carbon palette2” diverging color scheme, from the Carbon Design System
The purple-teal palette is good for data with no temperature associations, such as performance, sales, and rates of change.
Given a number t in the range [0,1], returns the corresponding color from the color scheme
Cyclical color schemes may be used to highlight periodic patterns in continuous data. However, these schemes are not well suited to accurately convey value differences.
turboInterpolator : Basics.Float -> Color
The “turbo” color scheme by Anton Mikhailov.
rainbowInterpolator : Basics.Float -> Color
sinebowInterpolator : Basics.Float -> Color
Alert colors are used to reflect status. Typically, red represents danger or error; orange represents a serious warning; yellow represents a regular warning, and green represents normal or success.
carbonAlert : List Color
A list of alert colors from the Carbon Design System