Esri Color Ramps

The ArcGIS Maps SDK for JavaScript 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.

There are some tag categories that do not contain all the number of color combinations. When filtering for hexadecimal values including the hash # at the beginning is optional.

1. Color scheme (tags)

3dbluesbrightbrownscategoricalcentered-ondarkdivergingesri-brandextremesgraysgreensheatmaplightlinesorangespinkspoint-cloudpurplesredssequentialsubduedyellows

2. Number of Colors12345678910111213203. Colorblind friendly 4. Filter by hexadecimal (optional)5. Search criteria (more strict) SearchReset

507 color ramps

Alligator Armor

#c2c5a1

#959c73

#7f8c62

#6a7d50

#546d3f

Copy hex values

Andromeda

#3900b3

#714dbf

#9e6b90

#cf9270

#ebb698

Copy hex values

Beaded Pastel

#e65154

#26b6ff

#67e6d1

#cd76d6

#ffca8c

#fff2b3

#ff8cd9

#d99d5b

#c8f2a9

#d4b8ff

Copy hex values

Blue 1

#ffe6f1

#b5c2d9

#6b9dc0

#366272

#002624

Copy hex values

Blue 2

#fffcd4

#b1cdc2

#629eb0

#38627a

#0d2644

Copy hex values

Blue 3

#eff3ff

#bdd7e7

#6baed6

#3182bd

#08519c

Copy hex values

Blue 4

#f0f9e8

#bae4bc

#7bccc4

#43a2ca

#0868ac

Copy hex values

Blue 5

#f1eef6

#bdc9e1

#74a9cf

#2b8cbe

#045a8d

Copy hex values

Blue 6

#ffffcc

#a1dab4

#41b6c4

#2c7fb8

#253494

Copy hex values

Blue 7

#ebe6df

#c3beb9

#9cadb4

#40a7b9

#007f99

Copy hex values

Blue 8

#e9d7b8

#e8c9b3

#c59ca4

#a48d9e

#606d94

Copy hex values

Blue 9

#ebe6df

#d9c2b1

#afbac4

#7d9ab3

#436480

Copy hex values

Blue 10

#eee2cf

#dbd0b9

#aabdb5

#74a2b3

#3b758c

Copy hex values

Blue 11

#404d54

#48799d

#4d96ce

#74bbed

#bce6f9

Copy hex values

Blue 12

#45537a

#4e6dbd

#5686ff

#96b8fe

#e6f5fa

Copy hex values

Blue 13

#325361

#2f7589

#6e8d99

#bcb4a6

#faefdb

Copy hex values

Blue 14

#3a4d6b

#3d6da2

#799a96

#ccbe6a

#ffec99

Copy hex values

Blue 15

#4c4a44

#6d6a63

#7d8e93

#9cd2dc

#d9fcff

Copy hex values

Blue 16

#005353

#007b7b

#00a4a4

#00cccc

#00ffff

Copy hex values

Blue 17

#392699

#4c33cc

#6040ff

#765cff

#8378ff

Copy hex values

Blue 18

#2b2e80

#3039b7

#3948e1

#445bff

#4d91ff

Copy hex values

Blue 19

#00497c

#0062a8

#007cd3

#0095ff

#00b7ff

Copy hex values

Blue 20

#004a5d

#006a85

#008bae

#00aed6

#00ddff

Copy hex values

Blue 21

#2f3f56

#455873

#3f83a1

#1ec1d5

#00ffff

Copy hex values

Blue 22

#0010d9

#1d3bef

#5b6da6

#8d9fb7

#b0c4d8

Copy hex values

Blue 23

#0010d9

#0040ff

#0080ff

#00bfff

#00ffff

Copy hex values

Blue 24

#273859

#4a5d83

#6d81ac

#8fa5d6

#b2caff

Copy hex values

Blue 25

#403c26

#57591f

#4b7345

#387c8c

#3c98f2

Copy hex values

Blue 26

#494d49

#606644

#7d802d

#77a66e

#51c8e6

Copy hex values

Blue 27

#caccd9

#a8b1e3

#8595ec

#6076ed

#405fff

Copy hex values

Blue 28

#c3cad9

#a9b3c9

#8898c0

#6d7fad

#505e85

Copy hex values

Blue and Brown 1

#6b2600

#b59273

#fffee6

#809298

#002649

Copy hex values

Blue and Brown 2

#946e43

#bd9f83

#cbd7e6

#90a9c0

#547a99

Copy hex values

Blue and Brown 3

#806c44

#ad9d79

#d2dec8

#8fb6bc

#448199

Copy hex values

Blue and Brown 4

#6690ff

#526aad

#423b38

#945e4c

#ff9573

Copy hex values

Blue and Brown 5

#0051f2

#6da7fb

#daffa5

#d9963a

#b35a00

Copy hex values

Blue and Brown 6

#9e7300

#c9aa61

#cae0cf

#7988d0

#4253a6

Copy hex values

Blue and Brown 7

#65a5ff

#4366c4

#5b2e73

#b98600

#ffb900

Copy hex values

Blue and Brown 8

#1984ff

#0e4f99

#3f4245

#736c61

#ccc1ac

Copy hex values

Blue and Gray 1

#78716e

#a19b96

#ced9d9

#54c5d5

#009db3

Copy hex values

Blue and Gray 2

#faefdb

#a19c8f

#00708d

#40b2c6

#80f3ff

Copy hex values

Blue and Gray 3

#00b3ff

#1d82ac

#424038

#8a8a8a

#cccccc

Copy hex values

Blue and Gray 4

#00b3ff

#1d82ac

#383b42

#727681

#aab2c8

Copy hex values

Blue and Gray 5

#00b3ff

#1d82ac

#3d3434

#837171

#ccafaf

Copy hex values

Blue and Gray 6

#4596e6

#7facd9

#b8c2cc

#a29f98

#767064

Copy hex values

Blue and Orange 1

#ffb339

#997336

#333333

#549188

#75efdd

Copy hex values

Blue and Orange 2

#bf5b1d

#e48043

#d6cdcd

#84a7c4

#547a99

Copy hex values

Blue and Orange 3

#23ccff

#2c8eac

#474333

#9b8020

#ffc800

Copy hex values

Blue and Orange 4

#12c0ff

#2589ad

#474033

#9b6e20

#ffa300

Copy hex values

Blue and Orange 5

#12c0ff

#2589ad

#473d33

#9b5c20

#ff7d00

Copy hex values

Blue and Orange 6

#00ffc8

#12a585

#4a483d

#997f25

#ffc800

Copy hex values

Blue and Orange 7

#00ffc8

#1db695

#4a443d

#a06022

#ff7d00

Copy hex values

Blue and Orange 8

#ff6219

#9c461e

#3b312c

#1f9787

#00ffdc

Copy hex values

Blue and Orange 9

#ff6219

#9c461e

#3b312c

#4c6da5

#66a0ff

Copy hex values

Blue and Orange 10

#00aaff

#0072aa

#1c4d31

#bd7e00

#ffaa00

Copy hex values

Blue and Orange 11

#00eaff

#007580

#3f453f

#804b00

#ff9600

Copy hex values

Blue and Orange Extremes 1

#ffb339

#ffb339

#ffffff

#75efdd

#75efdd

Copy hex values

Blue and Red 1

#a53217

#d2987f

#fffee6

#8897a2

#10305e

Copy hex values

Blue and Red 2

#990b0b

#cc8585

#ffffff

#8898af

#10305e

Copy hex values

Blue and Red 3

#660016

#b3808b

#ffffff

#8898af

#10305e

Copy hex values

Blue and Red 4

#a53217

#d2998b

#ffffff

#8898af

#10305e

Copy hex values

Blue and Red 5

#ff8888

#995e5e

#333333

#549188

#75efdd

Copy hex values

Blue and Red 6

#954151

#db9793

#ead98b

#7295bf

#1d4e89

Copy hex values

Blue and Red 7

#4d7799

#7fa4c4

#c5c8d4

#d48e95

#b5515b

Copy hex values

Blue and Red 8

#ca0020

#f4a582

#f7f7f7

#92c5de

#0571b0

Copy hex values

Blue and Red 9

#d7191c

#fdae61

#ffffbf

#abd9e9

#2c7bb6

Copy hex values

Blue and Red 10

#d7191c

#fdae61

#ffffbf

#abdda4

#2b83ba

Copy hex values

Blue and Red 11

#2799ff

#3070aa

#423a3a

#a53636

#ff3333

Copy hex values

Blue and Red 12

#6690ff

#526aad

#42383b

#a22343

#ff0040

Copy hex values

Blue and Red 13

#ff4d6a

#a63245

#453437

#2b819b

#23ccff

Copy hex values

Blue and Red 14

#ff2638

#a6242e

#403031

#2e6ca4

#1993ff

Copy hex values

Blue and Red 15

#a00000

#df7b7b

#dae695

#47b0df

#008fbf

Copy hex values

Blue and Red 16

#0080ff

#005bb2

#472459

#c40f0f

#ff4d4d

Copy hex values

Blue and Red 17

#ff7040

#bc3f2b

#592e73

#1a99c0

#33ddff

Copy hex values

Blue and Red 18

#00aaff

#0060a6

#403e3a

#801921

#d92b2b

Copy hex values

Blue and Red 19

#e64916

#99262f

#453f42

#454143

#a5b4ff

Copy hex values

Blue and Red 20

#00c3ff

#4e858c

#47443a

#94593b

#ff4040

Copy hex values

Blue and Red 21

#4596e6

#8fb0de

#c4bcc7

#c0656b

#a60000

Copy hex values

Blue and Red Extremes 1

#a53217

#a53217

#ffffff

#10305e

#10305e

Copy hex values

Blue and Red Extremes 2

#660016

#660016

#ffffff

#10305e

#10305e

Copy hex values

Blue and Red Extremes 3

#a53217

#a53217

#ffffff

#10305e

#10305e

Copy hex values

Blue and Red Extremes 4

#6b2600

#6b2600

#ffffff

#002649

#002649

Copy hex values

Blue and Red Extremes 5

#ff8888

#ff8888

#ffffff

#75efdd

#75efdd

Copy hex values

Blue and Yellow 1

#ffea8c

#b3ab60

#505944

#5aa28b

#8cffdc

Copy hex values

Blue and Yellow 2

#ffea8c

#b3ab60

#4b595e

#6693c8

#aadbff

Copy hex values

Blue and Yellow 3

#23ccff

#2c8eac

#42422f

#9b9b15

#ffff00

Copy hex values

Blue and Yellow 4

#6690ff

#526aad

#424038

#7c6e24

#bf9f00

Copy hex values

Blue and Yellow 5

#00ffc8

#12a585

#4a4a3d

#979724

#ffff00

Copy hex values

Blue and Yellow 6

#ffc700

#a4861c

#343a45

#4c689b

#6ca0ff

Copy hex values

Blue and Yellow 7

#ffda00

#a4901c

#343f45

#3b799b

#48c0ff

Copy hex values

Blue and Yellow 8

#ffff00

#a4a41c

#344545

#219797

#00ffff

Copy hex values

Blue and Yellow 9

#e8ff00

#97a41c

#3b434f

#3f69a2

#4a99ff

Copy hex values

Blue and Yellow 10

#a49d0c

#d6cd45

#d9ccff

#46b4bf

#008a97

Copy hex values

Blue and Yellow 11

#ffff00

#999900

#663840

#00b9b9

#00ffff

Copy hex values

Blue and Yellow 12

#ffee99

#d4d94c

#77b46c

#3d8799

#2b57d9

Copy hex values

Blue and Yellow 13

#1984ff

#0e4f99

#40453f

#737327

#e6d316

Copy hex values

Blue and Yellow 14

#4da0ff

#8cc7ff

#c3d1c7

#d9d94b

#bfbf00

Copy hex values

Blue Extremes 1

#10305e

#10305e

#10305e

#10305e

#10305e

Copy hex values

Blue Extremes 2

#002649

#002649

#002649

#002649

#002649

Copy hex values

Blue Extremes 3

#10305e

#6e7e95

#cccccc

#6e7e95

#10305e

Copy hex values

Blue Extremes 4

#002649

#66798b

#cccccc

#66798b

#002649

Copy hex values

Blue Extremes 5

#40bfff

#2c6f9e

#383855

#2c6f9e

#40bfff

Copy hex values

Blue Extremes 6

#003df2

#6187f2

#c2cff2

#6187f2

#003df2

Copy hex values

Blushing Rose

#99004d

#e6772e

#ffbfc9

#de2c30

#ffb180

#fa8870

#c74f8c

#ff9e9e

#ffdaa6

#ff6e9d

Copy hex values

Brown 1

#744d30

#af6b2f

#d69253

#ebc39a

#fff5e6

Copy hex values

Brown 2

#40312d

#6d5048

#996f63

#cca391

#ffd7be

Copy hex values

Brown 3

#d9c8c3

#c0a69e

#a68479

#8d6153

#733f2e

Copy hex values

Brown Extremes 1

#6b2600

#9c7966

#cccccc

#9c7966

#6b2600

Copy hex values

Brown Extremes 2

#994e00

#b38657

#ccbdad

#b38657

#994e00

Copy hex values

Candy Shop

#ed5151

#149ece

#a7c636

#9e559c

#fc921f

#ffde3e

Copy hex values

Centered on Blue 1

#10305e

#10305e

#10305e

#10305e

#10305e

Copy hex values

Centered on Blue 2

#002649

#002649

#002649

#002649

#002649

Copy hex values

Centered on Blue 3

#75efdd

#75efdd

#75efdd

#75efdd

#75efdd

Copy hex values

Centered on Blue 4

#cccccc

#6e7e95

#10305e

#6e7e95

#cccccc

Copy hex values

Centered on Blue 5

#cccccc

#66798b

#002649

#66798b

#cccccc

Copy hex values

Centered on Blue 6

#383855

#2c6f9e

#40bfff

#2c6f9e

#383855

Copy hex values

Centered on Blue 7

#c2cff2

#6187f2

#003df2

#6187f2

#c2cff2

Copy hex values

Centered on Brown 1

#ccbdad

#b38657

#994e00

#b38657

#ccbdad

Copy hex values

Centered on Green 1

#004238

#004238

#004238

#004238

#004238

Copy hex values

Centered on Green 2

#cccccc

#668782

#004238

#668782

#cccccc

Copy hex values

Centered on Green 3

#333333

#549188

#75efdd

#549188

#333333

Copy hex values

Centered on Green 4

#2f4147

#18a064

#00ff78

#18a064

#2f4147

Copy hex values

Centered on Green 5

#b8d5d9

#4d9a94

#00735f

#4d9a94

#b8d5d9

Copy hex values

Centered on Pink 1

#bbb8cc

#995c99

#a6004e

#995c99

#bbb8cc

Copy hex values

Centered on Purple 1

#411b6d

#411b6d

#411b6d

#411b6d

#411b6d

Copy hex values

Centered on Purple 2

#570959

#570959

#570959

#570959

#570959

Copy hex values

Centered on Purple 3

#cccccc

#87749d

#411b6d

#87749d

#cccccc

Copy hex values

Centered on Purple 4

#cccccc

#926b93

#570959

#926b93

#cccccc

Copy hex values

Centered on Purple 5

#4c374d

#7e3ca6

#b44dff

#7e3ca6

#4c374d

Copy hex values

Centered on Purple 6

#bdb8d9

#835fa6

#7f0099

#835fa6

#bdb8d9

Copy hex values

Centered on Red 1

#a53217

#a53217

#a53217

#a53217

#a53217

Copy hex values

Centered on Red 2

#990b0b

#990b0b

#990b0b

#990b0b

#990b0b

Copy hex values

Centered on Red 3

#6b2600

#6b2600

#6b2600

#6b2600

#6b2600

Copy hex values

Centered on Red 4

#cccccc

#b97f72

#a53217

#b97f72

#cccccc

Copy hex values

Centered on Red 5

#cccccc

#b36c6c

#990b0b

#b36c6c

#cccccc

Copy hex values

Centered on Red 6

#cccccc

#9c7966

#6b2600

#9c7966

#cccccc

Copy hex values

Centered on Red 7

#4d414d

#a63a55

#ff4141

#a63a55

#4d414d

Copy hex values

Centered on Yellow 1

#ffb339

#ffb339

#ffb339

#ffb339

#ffb339

Copy hex values

Centered on Yellow 2

#333333

#997336

#ffb339

#997336

#333333

Copy hex values

Centered on Yellow 3

#41472e

#878c34

#f9ff5a

#878c34

#41472e

Copy hex values

Chamois

#7db3ab

#dbe6d1

#d6a394

#c8e0e3

#b5d6f2

#f2f1c2

#bf7872

#d1c79d

#9093c7

#e3a3dd

Copy hex values

Chocolate Mint

#00ffd4

#5b9a5b

#8f6519

#8c4600

#592d00

Copy hex values

Cigar Smoke

#d39367

#eab28c

#f5ebd4

#c1d1db

#839ba8

Copy hex values

Circling Circus

#d92b30

#0095ba

#3cccb4

#ab52b3

#ffb259

#ffdf3c

#eb82eb

#c27c30

#a0d17d

#f260a1

Copy hex values

Conifer Forest

#006e76

#3b9ea2

#d8d9ce

#e9bbb2

#cca199

Copy hex values

Desert Bloom

#d9351a

#ffc730

#144d59

#2c6954

#ed9310

#8c213f

#102432

#a64f1b

#18382e

#661510

#b31515

#4a0932

Copy hex values

Desert Rain

#f9cbb3

#9e7871

#5e435a

#567787

#aedcf2

Copy hex values

Desert Winds

#a98762

#ceb396

#f4e6c8

#c8d2d8

#8b9da7

Copy hex values

Esri Bananas

#beac2d

#e8d966

#fff58f

#ad8b62

#664015

Copy hex values

Esri Blue 1

#009b98

#00bab5

#3cd3d0

#81e7e5

#a7eeed

Copy hex values

Esri Blue 2

#00619b

#1480bf

#49a4d8

#8cc9ed

#a6d8f6

Copy hex values

Esri Blue and Brown 1

#00619b

#50a7da

#d3e6e3

#ad8b62

#664015

Copy hex values

Esri Blue and Gray 1

#00619b

#50a7da

#d7e3eb

#999999

#404040

Copy hex values

Esri Brown 1

#684217

#855621

#ad8b62

#d2b897

#e5ceb1

Copy hex values

Esri Brown and Gray 1

#664015

#ad8b62

#f0e9df

#999999

#404040

Copy hex values

Esri Gray 1

#404040

#666666

#999999

#bcbcbc

#cecece

Copy hex values

Esri Green 1

#84a338

#a4c74c

#b9db62

#d4ec95

#e5f7b4

Copy hex values

Esri Green 2

#288835

#35ac46

#61c66f

#99e3a3

#b5f1bd

Copy hex values

Esri Green and Blue 1

#84a338

#c2e075

#daf2de

#00bab5

#00807d

Copy hex values

Esri Green and Blue 2

#84a338

#c2e075

#daf2de

#50a7da

#00619b

Copy hex values

Esri Green and Blue 3

#288835

#6bc878

#d2f7ed

#50a7da

#00619b

Copy hex values

Esri Green and Blue 4

#00807d

#00bab5

#d2f7ed

#50a7da

#00619b

Copy hex values

Esri Green and Brown 1

#84a338

#c2e075

#f5f4cf

#ad8b62

#664015

Copy hex values

Esri Green and Brown 2

#00807d

#00bab5

#d2f7ed

#ad8b62

#664015

Copy hex values

Esri Green and Gray 1

#84a338

#c2e075

#ecf2dd

#999999

#404040

Copy hex values

Esri Green and Gray 2

#288835

#6bc878

#daeddd

#999999

#404040

Copy hex values

Esri Green and Gray 3

#00807d

#00bab5

#d2f7ed

#999999

#404040

Copy hex values

Esri Green and Purple 1

#84a338

#c2e075

#e6e8da

#987ac3

#4e2c7e

Copy hex values

Esri Green and Purple 2

#84a338

#c2e075

#ede9e2

#b983c3

#73377e

Copy hex values

Esri Green and Purple 3

#288835

#6bc878

#dfebe9

#987ac3

#4e2c7e

Copy hex values

Esri Green and Purple 4

#288835

#6bc878

#e2ebe7

#b983c3

#73377e

Copy hex values

Esri Green and Purple 5

#00807d

#00bab5

#d2f7ed

#b983c3

#73377e

Copy hex values

Esri Orange 1

#c65a18

#f36f20

#f7975e

#fbc09b

#fdd4ba

Copy hex values

Esri Orange and Blue 1

#b35116

#f89960

#ffd8bf

#50a7da

#00619b

Copy hex values

Esri Orange and Blue 2

#c67718

#fbb664

#ffe7c7

#50a7da

#00619b

Copy hex values

Esri Orange and Gray 1

#b35116

#f89960

#ffd8bf

#999999

#404040

Copy hex values

Esri Orange and Gray 2

#c67718

#fbb664

#ffe7c7

#999999

#404040

Copy hex values

Esri Orange and Green 1

#b35116

#f89960

#ffd8bf

#00bab5

#00807d

Copy hex values

Esri Orange and Green 2

#c67718

#fbb664

#ffe7c7

#00bab5

#00807d

Copy hex values

Esri Orange and Purple 1

#b35116

#f89960

#ffd8bf

#987ac3

#4e2c7e

Copy hex values

Esri Orange and Purple 2

#b35116

#f89960

#ffd8bf

#b983c3

#73377e

Copy hex values

Esri Orange and Purple 3

#c67718

#fbb664

#ffe7c7

#987ac3

#4e2c7e

Copy hex values

Esri Orange and Purple 4

#c67718

#fbb664

#ffe7c7

#b983c3

#73377e

Copy hex values

Esri Pumpkin Pie

#c67718

#f29526

#fbb664

#fdcc92

#fed9ad

Copy hex values

Esri Purple 1

#57318c

#7b5ba9

#a085c6

#c4afe2

#d6c4f1

Copy hex values

Esri Purple 2

#73377e

#9753a3

#b983c3

#daafe1

#eac5f0

Copy hex values

Esri Purple and Brown 1

#4e2c7e

#987ac3

#faeff4

#ad8b62

#664015

Copy hex values

Esri Purple and Gray 1

#4e2c7e

#987ac3

#f4effa

#999999

#404040

Copy hex values

Esri Purple and Gray 2

#73377e

#b983c3

#eee1f0

#999999

#404040

Copy hex values

Esri Red 1

#a8281e

#d83020

#f07062

#f89b91

#fbb1a8

Copy hex values

Esri Red 2

#ad3c16

#da4d1e

#e68261

#f3b7a3

#f9d2c5

Copy hex values

Esri Red and Blue 1

#a8281e

#f07062

#ffd6cc

#50a7da

#00619b

Copy hex values

Esri Red and Blue 2

#963413

#e97e5a

#ffd0bf

#79b2d5

#00619b

Copy hex values

Esri Red and Gray 1

#a8281e

#f07062

#ffd6cc

#999999

#404040

Copy hex values

Esri Red and Gray 2

#963413

#e97e5a

#ffd0bf

#999999

#404040

Copy hex values

Esri Red and Green 1

#a8281e

#f07062

#ffe0d9

#00bab5

#00807d

Copy hex values

Esri Red and Green 2

#963413

#e97e5a

#ffd0bf

#00bab5

#00807d

Copy hex values

Esri Red and Purple 1

#a8281e

#f07062

#ffd6cc

#987ac3

#4e2c7e

Copy hex values

Esri Red and Purple 2

#a8281e

#f07062

#ffd6cc

#b983c3

#73377e

Copy hex values

Esri Red and Purple 3