π Table of Contents
- Why Map Color Matters
- Eduard Imhof: The Father of Cartographic Color
- Hypsometric Tints: Painting Elevation
- Choropleth Maps: Color as Data
- Transit Maps: The Genius of Constraint
- Digital Cartography: Google, Apple, and Beyond
- Colorblind-Safe Cartography
- The Four-Color Theorem
- Practical Guidelines for Map Color Design
- Conclusion: Maps as Visual Arguments
Why Map Color Matters
Before there were satellite photos, before GPS coordinates, before digital everything β cartographers used color to make the invisible visible. A map is not a photograph. It's an argument: this mountain is higher, this river is wider, this border matters. Color is the primary tool that cartographers use to make those arguments persuasive and legible.
The stakes are high. A poorly colored map doesn't just look bad β it lies. The Mercator projection's distortions are famous, but color distortions are equally consequential. When red means "population increase" and green means "population decrease" on a choropleth map, 8% of male readers with red-green color blindness literally cannot read your argument. When elevation tints use arbitrary color ramps, an 800m hill can look taller than a 2,000m peak. When political maps use similar colors for adjacent countries, borders dissolve.
Map color is a triple problem: it must satisfy aesthetic demands (beauty, tradition), functional demands (legibility, hierarchy), and perceptual demands (accessibility, accuracy). Few design disciplines ask for all three simultaneously. Cartography does.
Eduard Imhof: The Father of Cartographic Color
If cartographic color has a founding figure, it's Eduard Imhof (1895β1986). A Swiss professor of cartography at ETH Zurich, Imhof spent his life developing a systematic theory of map color. His 1962 masterwork Kartographische GelΓ€ndedarstellung (Cartographic Relief Presentation) remains the bible of the field β and much of it is about color.
Imhof's approach was both scientific and artistic. He was a trained painter who understood that cartographic color couldn't be reduced to formulas. He studied how light interacts with terrain, how atmospheric perspective shifts colors at a distance, and how the human eye perceives color relationships on a 2D surface.
Imhof's Core Principles for Map Color
1. "The Higher, the Lighter"
Mountain peaks should be lighter than valleys. This mimics aerial perspective β distant objects appear lighter and bluer due to atmospheric scattering. Imhof insisted this principle was non-negotiable for relief maps, rejecting the earlier convention (popular in 19th-century German cartography) of dark summits.
2. Color Sequence Must Follow Spectral Order
Elevation colors should follow the visible spectrum's natural luminance progression: greens (low), yellows (middle), oranges/reds/browns (high), white (peaks). This isn't arbitrary β the human visual system perceives this progression as naturally ordered.
3. Cool Colors Recede, Warm Colors Advance
Imhof exploited the figure-ground relationship: blue-greens appear to retreat into the background, while warm reds and browns appear to come forward. This makes lowlands visually "sink" while highlands "rise" from the page β a purely chromatic illusion of depth.
4. Saturation Indicates Importance
Thematic elements (borders, labels, symbols) should be more saturated than the background terrain. This creates a natural visual hierarchy without needing additional graphic elements. The terrain is the stage; the data is the actor.
5. Avoid Pure, Intense Colors in Large Areas
Large swaths of pure red, green, or blue overwhelm the eye and make subtle features invisible. Imhof recommended muted, "broken" colors for large-area fills, reserving pure hues for small, important symbols.
"He who wishes to make a map must first paint a picture."
β Eduard Imhof, Cartographic Relief Presentation, 1965 English edition
What made Imhof revolutionary wasn't that he invented these principles β many were known intuitively by master mapmakers. It's that he systematized them. Before Imhof, cartographic color was largely transmitted through apprenticeship and imitation. After Imhof, it became a teachable, testable discipline.
Hypsometric Tints: Painting Elevation
Hypsometric tinting (from Greek hypsos, "height") is the technique of coloring areas between contour lines to indicate elevation. It's what gives topographic maps their distinctive layered look. The technique was pioneered in the early 19th century by Austrian cartographer Franz von Hauslab, but it reached its apex in the mid-20th century under Imhof's influence.
The Classic Hypsometric Palette
Here's the standard elevation color sequence used in most physical wall maps from 1950β2000:
0m β 100m β 300m β 500m β 1,000m β 2,000m β 3,000m β 4,500m β 6,000m+
This palette isn't arbitrary. It follows three perceptual rules:
- Luminance increases with elevation: The highest peaks are nearly white, following Imhof's "higher is lighter" principle and mimicking snowcaps.
- Hue progression follows terrain logic: Green (vegetation) at low elevations β yellow/brown (arid highlands) β white (snow). This is both culturally intuitive and ecologically realistic.
- Saturation is highest in the mid-range: The most vivid colors appear at moderate elevations where the most geographic detail exists. Extremes (deep ocean trenches, highest peaks) use desaturated tones.
Modern Alternatives: The "Swiss Style" Spectrum
Digital cartography has enabled more nuanced hypsometric palettes. The modern Swiss Federal Office of Topography (swisstopo) uses a carefully tuned gradient that shifts from cool greens through warm ochres to cool whites:
Swisstopo modern palette β pastel, perceptual, print-friendly
Notice the key difference: the Swiss palette is much less saturated than the classic version. This is deliberate β reduced saturation allows labels, symbols, and cultural features (roads, towns) to remain legible when overlaid, even at small scales. The Swiss approach prioritizes map usability over dramatic visual impact.
Choropleth Maps: Color as Data
A choropleth map (from Greek choros, "place" + plethos, "value") uses color to encode statistical data within geographic regions. Think of election result maps, COVID case rate maps, or income distribution maps. This is where cartographic color meets data visualization β and where the most consequential color mistakes happen.
The Three Types of Choropleth Color Schemes
| Scheme Type | Use Case | Example | Key Rule |
|---|---|---|---|
| Sequential | Data from low to high (population density, income) | Light blue β dark blue | Single hue; only lightness varies |
| Diverging | Data with a meaningful midpoint (temperature anomaly, voting margin) | Blue (cold) β white (neutral) β red (hot) | Two hues meeting at a neutral midpoint |
| Qualitative | Categorical data (land use, soil type, political party) | Red, blue, green, yellow, purple | Equal visual weight; no implied order |
The most common choropleth error is using a qualitative (rainbow) scheme for sequential data, which creates false perceptual boundaries. A 2015 study by Hawkins et al. in Nature Communications demonstrated that clinicians made more diagnostic errors when viewing medical scan data using the rainbow color map versus a perceptually uniform sequential map. The lesson: color scheme choice is a data integrity issue, not just an aesthetic one.
The ColorBrewer Revolution
In 2003, cartographer Cynthia Brewer at Penn State released ColorBrewer, a free online tool for selecting choropleth color schemes. It was deceptively simple: choose your data type, number of classes, and output format, and ColorBrewer generates a scientifically-vetted palette. But its impact was enormous β it democratized cartographic color expertise.
ColorBrewer's palettes are built on three criteria that Brewer's research validated:
- Perceptual uniformity: Equal steps in data should produce equal steps in perceived color difference.
- Colorblind safety: Palettes must remain distinguishable for viewers with protanopia, deuteranopia, and tritanopia.
- Print and screen compatibility: The same palette should work on paper (CMYK), screen (RGB), and projection.
Brewer's work, combined with subsequent computational advances (like the viridis family of perceptually-uniform colormaps developed at Stony Brook in 2015), has made it inexcusable to use a bad choropleth palette in 2026. And yet, mainstream news outlets still publish rainbow election maps every cycle.
Transit Maps: The Genius of Constraint
Transit maps represent a special case in cartographic color: the map is a diagram first and a geographic representation second. The constraints are severe β you need to distinguish 10β30 lines (often running parallel), maintain legibility at small sizes, work in grayscale, and survive decades of updates.
Harry Beck's London Underground Map (1933)
When electrical draftsman Harry Beck redesigned the London Tube map in 1933, he made two radical decisions: abandon geographic accuracy for schematic clarity, and use color as the primary differentiator. Beck assigned each line a distinct color and represented stops as ticks on a simplified grid. The result was so legible that it became the template for virtually every urban transit map worldwide.
The original Beck map used eight line colors, each chosen for maximum distinguishability against the white background and against each other. Modern iterations have scaled to 11 lines, with colors carefully tuned to avoid confusion β no two adjacent lines share similar hues.
London Underground line colors (TfL official palette, 2026)
The Design Challenge: N-Line Differentiation
Adding the n-th line to a transit map is exponentially harder than adding the second. With 11 lines, you need 55 unique pairwise comparisons that remain distinguishable in all viewing conditions. Transit agencies solve this through three strategies:
- Hue spacing: Distribute colors as evenly as possible around the color wheel.
- Lightness variation: Pair light yellows with dark blues so that even if hues blur, lightness differences persist.
- Grayscale fallback: Every transit map color should produce a distinct gray when desaturated, ensuring photocopied and monochrome versions remain usable.
The New York City Subway map demonstrates the opposite approach: trunk lines share colors (all Broadway lines are yellow, all Lexington Avenue lines are green), with individual services distinguished by shape (circle vs. diamond) and label (number vs. letter). This is color used for grouping rather than differentiation β equally valid, but requiring a different design logic.
Digital Cartography: Google, Apple, and Beyond
The smartphone revolution didn't just put maps in everyone's pocket β it fundamentally changed how map color works. Unlike paper maps, digital maps must function across radically different screen technologies, in both day and night modes, and with dynamic data layers that users toggle on and off.
Google Maps: The Evolution of a Color System
Google Maps' color scheme has evolved through at least six major iterations since 2005. The most recent redesign (2023β2025) made several deliberate color choices:
- Water shifted from pale blue to teal: The new water color (#a8d8ea β #76c8d0) increases contrast with land and with roads. Teal also has better performance on OLED screens, which Google's own Pixel devices use.
- Roads got darker and warmer: Major roads moved from pale yellow (#fdf4c7) to a warmer, more saturated tan (#f5e5c0 β #e8d5a3), improving legibility at a glance while driving.
- Parks went mint: Green spaces shifted from a muted olive to a brighter mint green (#b5e3b5 β #8fd89f), making them more distinguishable from forests and agricultural land.
- Traffic layer uses intuitive encoding: Green = free-flowing, orange = moderate, red = congested, dark red = stopped. This follows universal stoplight conventions and is instantly understood across cultures.
Apple Maps: A Different Philosophy
Apple Maps, redesigned from the ground up in 2020, takes a fundamentally different color approach from Google. Where Google optimizes for information density, Apple optimizes for atmospheric realism:
- Terrain uses soft, naturalistic colors that evoke physical relief maps rather than data visualizations.
- Building footprints are warm gray (#d9d5cf), blending with the environment rather than standing out β the opposite of Google's high-contrast approach.
- Labels use San Francisco typeface with a soft drop shadow, creating depth without harsh outlines.
- Dark mode is particularly well-executed: land shifts to deep charcoal (#1c1c1e), water to navy (#1a3a5c), roads to warm gray β a palette that's both legible and restful at night.
| Element | Google Maps | Apple Maps | Design Philosophy |
|---|---|---|---|
| Water | Teal (#76c8d0) | Pale blue (#a0c8e8) | Google: contrast / Apple: calm |
| Land | Warm beige (#fdf4e3) | Soft green-tan (#e8e4d9) | Google: warmth / Apple: neutrality |
| Major Roads | Warm yellow-tan | Warm gray | Google: prominence / Apple: subtlety |
| Parks | Bright mint | Soft sage | Google: discoverability / Apple: realism |
| Traffic | Full greenβred spectrum | Orangeβred only (on demand) | Google: always-on / Apple: opt-in |
The philosophical divide between Google and Apple maps mirrors a broader design tension: is a map a tool or an experience? Google treats maps as information delivery systems. Apple treats them as spatial experiences. Neither is wrong β they serve different user expectations.
OpenStreetMap: Community-Driven Color
OpenStreetMap (OSM) presents a unique case: its default rendering (via the CartoCSS stylesheet) is maintained by a global community of volunteers. The result is a color system that's pragmatic, not ideological β it evolves through pull requests and mailing list debates rather than corporate design sprints. Key characteristics:
- Road hierarchy uses 12+ distinct road colors β more granular than any commercial map.
- Land use categories are color-coded with a systematic palette: residential (#e0dfdf), industrial (#ebdbe8), commercial (#efc8c8), retail (#ffebd0).
- The palette is designed for printability by default, with muted, low-saturation colors that work on laser printers β a constraint commercial maps ignore.
Colorblind-Safe Cartography
Approximately 8% of men and 0.5% of women have some form of color vision deficiency (CVD). For a map β an inherently visual medium β this isn't a niche accessibility concern. It's a design requirement that affects tens of millions of users globally.
The Three Main Types of CVD (and What They Mean for Maps)
| Type | Prevalence (Male) | Confused Colors | Map Elements Most Affected |
|---|---|---|---|
| Deuteranopia (green-blind) | ~5% | Red β Green; Green β Brown | Vegetation vs. urban; elevation tints |
| Protanopia (red-blind) | ~2% | Red β Green; Red β Black | Warning labels; red route lines |
| Tritanopia (blue-blind) | <0.01% | Blue β Green; Yellow β Violet | Water features; blue route lines |
Four Strategies for CVD-Safe Map Design
- Redundant encoding: Never rely on color alone. If elevation is shown with green-to-brown, also vary lightness so the map works in grayscale. If political regions use different colors, also label them or vary pattern.
- Avoid red-green as the sole differentiator: This is the classic error. Replace red/green pairs with blue/orange, purple/yellow, or pink/teal β combinations that remain distinguishable to all common CVD types.
- Use ColorBrewer's "colorblind safe" filter: Brewer pre-validated all her palettes against CVD simulation. If you use ColorBrewer with the "colorblind safe" checkbox, your palette is CVD-ready by construction.
- Test with simulation tools: Tools like Color Oracle (free, cross-platform) and Sim Daltonism (macOS) simulate deuteranopia, protanopia, and tritanopia in real time. Every map designer should run their output through at least one of these before publication.
The Four-Color Theorem: A Mathematical Detour
No discussion of map color is complete without mentioning the Four-Color Theorem β one of the most famous results in mathematics. The theorem states that any map on a plane (or sphere) can be colored using at most four colors such that no two adjacent regions share the same color.
The problem was first posed in 1852 by Francis Guthrie, a South African mathematics student who noticed that four colors sufficed for coloring the counties of England. It took until 1976 for mathematicians Kenneth Appel and Wolfgang Haken to prove it β and they needed a computer to check 1,936 special cases. It was the first major mathematical theorem proved with computer assistance, and it sparked a philosophical debate about whether computer-assisted proofs "count" as mathematics.
For cartographers, the four-color theorem is more of a curiosity than a practical tool. Most real maps need far fewer than four colors for political regions because:
- Color is used for more than region differentiation (rivers, roads, labels, terrain all need their own colors)
- Adjacent regions often share a data category (e.g., "developed nations" might all be the same color)
- The four-color constraint only applies to planar graphs β maps with exclaves, enclaves, or disconnected territories can require more
Still, the theorem serves as a useful sanity check: if your political map needs more than 4β5 colors for region differentiation alone, your regions may be too small or your color system is overcomplicated.
Practical Guidelines for Map Color Design
Drawing from the principles above, here is a consolidated design framework for map color β whether you're styling a web map with Mapbox, designing a print atlas, or building a data dashboard with a map component.
1. Start in Grayscale
Design your map's value structure first. If the map isn't legible in grayscale, color won't save it. This is the single most important habit of professional cartographers. Tools like QGIS have built-in grayscale previews; Mapbox Studio lets you toggle saturation globally to check your value hierarchy.
2. Establish a Clear Figure-Ground Relationship
The map's subject (the "figure") should pop against its context (the "ground"). Use warm, saturated, lighter colors for figure elements; cool, desaturated, darker colors for ground elements. This follows Imhof's "cool recedes, warm advances" principle.
3. Limit Your Palette to 6β8 Distinct Hues
Human short-term visual memory can reliably distinguish about 5β7 color categories simultaneously (Miller's Law of working memory, applied to hue). For qualitative data (12 land-use categories, 15 bus routes), use hue for broad categories and vary lightness, saturation, or pattern for sub-categories.
4. Choose Schemes by Data Type
- Continuous, zero-based data: Single-hue sequential (light β dark)
- Continuous, diverging data: Two-hue diverging (cool β neutral β warm)
- Discrete categories: Multi-hue qualitative (equally-weighted, no implied order)
- Binary data: Two clearly distinct colors + a neutral for "no data"
5. Design for the Smallest Expected Output
A palette that works on a 27-inch monitor may collapse into indistinguishable blobs on a phone screen. Always test your map at the smallest expected display size (typically ~360px wide for mobile web maps). If thin colored lines (transit routes, borders) can't be distinguished at that size, thicken the lines or reduce your palette.
6. Respect Cultural Color Associations
In Western contexts, blue = water, green = vegetation, brown = elevation are so deeply ingrained that violating them causes cognitive friction. But these aren't universal: in some East Asian map traditions, water is sometimes rendered in shades of gray or turquoise. Know your audience.
7. Test, Test, Test
Before publishing, test your map under real conditions:
β Grayscale (print/accessibility)
β CVD simulation (deuteranopia + protanopia)
β Small screen (360px wide)
β Projection (if presenting β colors wash out on projectors)
β Low-light / Night mode (if digital β dark mode is not optional in 2026)
Conclusion: Maps as Visual Arguments
Every map is an argument. It argues: this mountain matters more than that valley. This road is a major artery. This region is fundamentally distinct from that one. Color is how cartographers make those arguments without saying a word.
The best map color doesn't draw attention to itself. It creates a seamless experience where the viewer absorbs geographic information intuitively β the elevation rises, the water recedes, the transit lines clarify into distinct paths. When map color is done right, it's invisible. You only notice it when it's wrong.
Eduard Imhof understood this 60 years ago, and his principles remain startlingly relevant in the age of WebGL-rendered 3D globes and real-time traffic overlays. The tools have changed beyond recognition, but the human visual system hasn't. We still perceive cool colors as receding, warm colors as advancing. We still struggle with red-green discrimination. We still need lightness variation as much as hue variation for clarity.
The next time you open Google Maps or unfold a National Geographic map or glance at a transit diagram, take a moment to notice the color system. It's not wallpaper. It's one of the most sophisticated applications of color theory in everyday life β and it's been refined over centuries by some of the most brilliant visual thinkers in history.
"A map is the greatest of all epic poems. Its lines and colors show the realization of great dreams."
β Gilbert H. Grosvenor, National Geographic Society President, 1920β1954