---
title: "ColorRampCollection | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Variable ColorRampCollection`Const`

ColorRampCollection: {  
    AUTOMN: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    BATHYMETRY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    BLACKBODY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    BLUERED: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    BONE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    CDOM: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    CHLOROPHYLL: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    CIVIDIS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    COOL: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    COPPER: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    CUBEHELIX: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    DENSITY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    EARTH: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    ELECTRIC: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    FREESURFACE\_BLUE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    FREESURFACE\_RED: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    GRAY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    GREENS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    GREYS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    HOT: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    HSV: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    INFERNO: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    JET: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    MAGMA: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    MAKO: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    NULL: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    OXYGEN: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    PAR: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    PHASE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    PICNIC: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    PLASMA: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    PORTLAND: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    RAINBOW: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    RAINBOW\_SOFT: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    RDBU: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    ROCKET: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    SALINITY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    SPRING: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    SUMMER: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    TEMPERATURE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    TURBIDITY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    TURBO: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    VELOCITY\_BLUE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    VELOCITY\_GREEN: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    VIRIDIS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    WARM: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    WINTER: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    YIGNBU: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
    YIORRD: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/);  
} = ...

This is a collection of built-in color ramps. They are all defined in the range \[0, 1\] but can be scaled or reversed to fit specific usages.

#### Type Declaration

-   ##### AUTOMN: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic autommn color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### BATHYMETRY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic bathymetry color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### BLACKBODY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic blackbody color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### BLUERED: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic blue-red color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### BONE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic bone color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### CDOM: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic cdom color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### CHLOROPHYLL: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic chlorophyll color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### CIVIDIS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    The cividis color ramp is color blind friendly. Read more here [https://journals.plos.org/plosone/article?id=10.1371/journal.pone.0199239](https://journals.plos.org/plosone/article?id=10.1371/journal.pone.0199239) Defined in interval \[0, 1\], without unit.
    
-   ##### COOL: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic cool color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### COPPER: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic copper color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### CUBEHELIX: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic cube helix color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### DENSITY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic density color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### EARTH: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic earth color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### ELECTRIC: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic electric color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### FREESURFACE\_BLUE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic freesurface blue color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### FREESURFACE\_RED: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic freesurface red color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### GRAY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
-   ##### GREENS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic greens color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### GREYS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic greys color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### HOT: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic hot color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### HSV: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic HSV color ramp (hue, saturation, value). Defined in interval \[0, 1\], without unit.
    
-   ##### INFERNO: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic inferno color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### JET: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic jet color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### MAGMA: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic magma color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### MAKO: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    The mako color ramp is perceptually uniform and can be seen as a color blind friendly alternative to bathymetry or yignbu. Defined in interval \[0, 1\], without unit.
    
-   ##### NULL: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    A fully transparent \[0, 0, 0, 0\] colorramp to hide data. Defined in interval \[0, 1\], without unit.
    
-   ##### OXYGEN: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic oxygen color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### PAR: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic par color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### PHASE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic phase color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### PICNIC: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic picnic color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### PLASMA: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic plasma color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### PORTLAND: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic Portland color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### RAINBOW: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic rainbow color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### RAINBOW\_SOFT: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic rainboz soft color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### RDBU: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic rdbu color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### ROCKET: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    The rocket color ramp is perceptually uniform, which makes it more color bliend friendly than the classic magma color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### SALINITY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic salinity color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### SPRING: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic spring color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### SUMMER: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic summer color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### TEMPERATURE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic temperature color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### TURBIDITY: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic turbidity color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### TURBO: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic turbo color ramp. This is a luminance-constant alternative to the jet, making it more clor-blind friendly. Defined in interval \[0, 1\], without unit.
    
-   ##### VELOCITY\_BLUE: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic velocity blue color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### VELOCITY\_GREEN: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic velocity green color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### VIRIDIS: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic viridis color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### WARM: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic warm color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### WINTER: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic winter color ramp. Defined in interval \[0, 1\], without unit.
    
-   ##### YIGNBU: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic yignbu color ramp (blue to light yellow). Defined in interval \[0, 1\], without unit.
    
-   ##### YIORRD: [ColorRamp](https://docs.maptiler.com/sdk-js/api-reference/classes/ColorRamp/)
    
    Classic yiorrd color ramp (red to light yellow). Defined in interval \[0, 1\], without unit.