Esri's official color documentation repository that is leveraged by Calcite Web and all other Esri initiatives.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
resources add example color palette to readme Aug 17, 2018
.npmignore Update Aug 17, 2018
package.json use @esri-scoped package name Aug 17, 2018

Calcite Colors

saturated color wheel

The calcite-colors repository is where we host Esri's official color documentation that can be seen and is leveraged by Calcite Web. Currently, this repository contains a SASS file that you can use in your projects.

Color reference files

The following links are to download the .ase swatch for use in Adobe products such as Adobe Photoshop and Adobe Illustrator. Additionally, there is a PDF download of the visual reference color palette.

SASS Variables file

A SASS variables file can be found in the root directory colors.scss. This is the main source to consume the color variables.

JSON file

A simple JSON file is also included in the root directory colors.json. This file includes a simple object containing every color of the palette as key value pairs.

Colors naming anatomy

colors naming anatomy


COPYRIGHT © 2018 Esri

All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.

This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement. You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.

See use restrictions at

For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal Services Department 380 New York Street Redlands, California, USA 92373 USA


Contributing to Calcite Colors

Please read the contribute document.