Intro
Foundations
LogoFontColorColormapsGridIconsEmojiMarkdown

Colormaps

We use colormaps for a variety of data visualization needs at CarbonPlan, especially maps. They are available in the @carbonplan/colormaps package. They are all derived from a variant of the primary CarbonPlan color palette, modified slightly for better balance in hue and luminance, and further refined using bezier interpolation and brightness correction from the chroma-js library. Are all designed for use with both light and dark mode. They attempt to be both aesthetically pleasing and perceptually well-balanced.

Sequential single-hue

reds
oranges
yellows
greens
teals
blues
purples
pinks
greys

Sequential multi-hue

fire
earth
water
heart
wind
warm
cool

Diverging

pinkgreen
redteal
orangeblue
yellowpurple
redgrey
orangegrey
yellowgrey
greengrey
tealgrey
bluegrey
purplegrey
pinkgrey

Cyclical

rainbow
sinebow
EMAIL
hello@carbonplan.org
NEWSLETTER
Subscribe
CarbonPlan is a registered nonprofit public benefit corporation in California with 501(c)(3) status.
(c) 2024 CARBONPLAN
READ OUR TERMS
X,Y: 0000,0000
4a30554