Esri Color Ramps

The provides hundreds of color ramps to developers to improve the mapping experience. Numerous cartographers with decades of experience in color theory and knowledge of how perceptual differences between colors work created these color ramps using Adobe Illustrator.

Most of the color ramps are colorblind friendly. Each ramp was individually tested with a color blindness simulator such as ColorOracle to verify that the ramp shows detectable color variation when the three types of color blindness are simulated.

Choosing a color ramp

A color ramp belongs to one or more tag categories and consists of a number of colors. When searching for a specific color ramp, select one or more tags and a number of colors in the ramp. You can also start with predefined color (or set of colors) by using a color's hexadecimal value or a series of hexadecimal values to filter the color ramp selection. Once a color ramp has been isolated, click on the individual color ramp to view and copy its hexadecimal or rgba values.

1. Color scheme (tags)
3dbluesbrightbrownscategoricalcentered-ondarkdivergingesri-brandextremesgraysgreensheatmaplightlinesorangespinkspoint-cloudpurplesredssequentialsubduedyellows
2. Number of Colors12345678910111213203. Colorblind friendly4. Filter by hexadecimal (optional)5. Search criteria (more strict)SearchReset
512 color ramps

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.

The developer dashboard has moved

You can no longer sign into this site. Go to your ArcGIS portal or the ArcGIS Location Platform dashboard to perform management tasks.

Your ArcGIS portal

Create, manage, and access API keys and OAuth 2.0 developer credentials, hosted layers, and data services.

Your ArcGIS Location Platform dashboard

Manage billing, monitor service usage, and access additional resources.

Learn more about these changes in the What's new in Esri Developers June 2024 blog post.

Close
Hexadecimal values
1
2
3
// Esri color ramps - undefined
// undefined
const colors = ["undefined"];
RBGA values
1
2
3
// Esri color ramps - undefined
// undefined
const colors = ["undefined"];

See also:colorRamps.byName(""),Color.fromHex(),Color.fromRgb()