Color in Maps: Elevation Tints, Choropleths, and Shaded Relief

A map is a picture of numbers - elevations, densities, temperatures - and color is how it speaks them. Get the palette right and a range of mountains rises off the page, a heat wave glows, a borderline flips from blue to red at a glance. Get it wrong and the reader is misled or lost. Cartographers have spent centuries turning data into color with a careful grammar of ramps, tints, and shading. This is the interactive guide to color on maps.

Design · 106 4 Live Demos ~3 min read Cartography
hypsometric
Elevation → color ramp
seq / div
Match palette to data
hillshade
Hue for value, light for form
≤ ~7 hues
Distinct & colorblind-safe
01

Painting data onto the world

Map color is data visualization with an atlas underneath. Instead of bars and lines, the canvas is geography, and color's job is to encode a quantity - how high the land is, how dense the population, how the temperature has shifted - onto every place at once. The reader decodes it in a glance, so the choice of ramp carries enormous weight: it decides what patterns pop out and whether they're true.

Cartographers separate the problem by the kind of data. Elevation gets its own famous convention, the hypsometric tint, plus shaded relief for shape. Numeric themes on regions - a choropleth - get a sequential ramp for low-to-high or a diverging one for above-and-below a midpoint. Categories get distinct, qualitative hues. Each is a deliberate match of a color scheme to what the numbers actually are, and it's the heart of the craft.

The core idea: a map encodes numbers as color, so the palette must fit the data. Elevation uses hypsometric tints plus shaded relief; magnitude on regions uses a sequential ramp; data with a meaningful middle uses a diverging ramp; categories use distinct qualitative hues - kept few and colorblind-safe.
02

The colors of elevation

The physical map you grew up with uses hypsometric tints: greens for low ground, yellows and tans as it rises, browns for mountains, white for the peaks - and blues for water below sea level. It reads instantly, yet it's pure convention: green doesn't mean grass, it means low. The ramp works because it climbs from cool, dim tones through warm ones to snow-white, echoing how height feels. Slide the sea level over a landscape and watch the tints redraw.

Interactive 01 · Hypsometric tints

Height, turned into color

A terrain colored by the classic elevation ramp - water blue, lowland green, upland tan, mountain brown, snowcap white. Move the sea level and the coastline and tints shift with it. The color carries the height; nothing here is the land's real color.

03

Sequential or diverging?

For a choropleth - regions shaded by a value - the ramp must match the data. Sequential (one hue, light to dark) is for low-to-high magnitude: population, rainfall. Diverging (two hues meeting at a neutral middle) is for data with a meaningful center you want to read above and below: temperature anomaly, vote margin. Use the wrong one and you lie - a diverging ramp invents a false midpoint; a sequential one hides which side of center a place is on. Switch the palette on the same data.

Interactive 02 · Choropleth ramps

The same data, two very different stories

A grid of regions colored by a value. Toggle sequential and diverging. For pure magnitude, sequential reads cleanly low-to-high; for data centered on a midpoint, diverging shows above vs below at a glance. Switch the data type to see how the wrong ramp misleads.

04

Light on the land

Color alone flattens terrain; shaded relief gives it back its shape. Cartographers simulate a sun low in the sky (traditionally from the northwest) and light every slope by how it faces that sun - hillshade. Combined with hypsometric color, it's the classic look: the hue tells you the height, the brightness tells you the form, and the mountains seem to rise off the paper. Move the sun.

Interactive 03 · Shaded relief

Hue for height, light for shape

The same terrain with hillshade layered over the elevation tints. The color carries the height; the shading, from a sun you can move around the compass, carries the three-dimensional shape. Watch the ridges and valleys pop as the light rakes across them.

05

Telling regions apart

For categories - land use, climate zones, party held - the map needs distinct, unordered qualitative hues. But the eye can only hold so many apart, and neighbors must never blur, so good maps stay under about seven colors and keep them colorblind-safe, often adding patterns or labels. Recolor the regions and test them under color-vision deficiency.

Interactive 04 · Qualitative color

Distinct categories, for every viewer

A patchwork of category regions. Set how many categories and view them under color-vision deficiency. Too many hues and neighbors merge; a good qualitative set stays distinct - and must survive CVD, or colorblind readers lose the map. Watch the distinctness readout.

06

The vocabulary

The color grammar of cartography.

Hypsometric tint
The elevation color ramp - green low, brown high, white peak, blue water. A convention, not real ground color.
Choropleth
A map that shades whole regions by a data value, from census tracts to countries.
Sequential palette
A single hue light-to-dark for low-to-high magnitude data. Lightness carries the value.
Diverging palette
Two hues through a neutral middle for data with a meaningful center - above vs below.
Shaded relief
Simulated sunlight (hillshade) giving terrain its 3D shape, layered under elevation color.
Qualitative palette
Distinct, unordered hues for categories - kept few and colorblind-safe so regions never blur.
07

Best practices and pitfalls

Match ramp to data
Sequential for magnitude, diverging for a meaningful midpoint, qualitative for categories. The wrong ramp misleads.
Order via lightness
For ordered data let lightness climb monotonically - it survives grayscale, colorblindness, and photocopying.
Avoid the rainbow ramp
A hue rainbow for ordered data has false bands and no lightness order. Prefer perceptually uniform ramps.
Separate hue and form
Let color carry the value and shaded relief carry the shape - don't ask one channel to do both.
Keep categories few and safe
Stay under ~7 qualitative colors, test under CVD, and back them with labels or patterns.
Mind small regions and labels
Tiny polygons and text over color need strong contrast; subtle tints vanish at map scale.
"There is no green in the lowlands and no gold on the summit - only numbers, and a mapmaker's promise that if you learn the code, the earth will rise out of it. Choose the ramp well and a page of data becomes a country you can read like weather; choose it badly and you've drawn a lie in beautiful color." Editorial summary · the honest ramp
The takeaway: maps encode numbers as color, so the palette must fit the data. Hypsometric tints and shaded relief render elevation - hue for height, light for shape. Choropleths use sequential ramps for magnitude and diverging ramps for a meaningful midpoint; categories use few, distinct, colorblind-safe qualitative hues. Order should ride on lightness, and the rainbow ramp is best avoided.
08

Test your understanding

Six questions on hypsometric tints, choropleth ramps, shaded relief, and categorical color. Instant feedback, no scores recorded - a wrong answer comes with a short explanation.

Quick check

Loading…
 
Question 1 of 6
09

Continue your journey

Map color is a specialized data visualization, built on ordered lightness and colorblind-safe hues - here's where to go next.