Version 6.0.0

Color palette

This color picker only shows the 5.0.1 version of Spectrum’s colors. Download the UI kit on this page to get the latest values.

The latest colors have indices that do not match the 5.0.1 colors. Use the migration guide to find the latest color tokens to replace older colors.

Color theme

Static colors

HexRGB

gray 50

#ffffff

gray 75

#fafafa

gray 100

#f5f5f5

gray 200

#eaeaea

gray 300

#e1e1e1

gray 400

#cacaca

gray 500

#b3b3b3

gray 600

#8e8e8e

gray 700

#6e6e6e

gray 800

#4b4b4b

gray 900

#2c2c2c

gray 900

#2c2c2c

blue 400

#2680eb

blue 500

#1473e6

blue 600

#0d66d0

blue 700

#095aba

red 400

#e34850

red 500

#d7373f

red 600

#c9252d

red 700

#bb121a

orange 400

#e68619

orange 500

#da7b11

orange 600

#cb6f10

orange 700

#bd640d

green 400

#2d9d78

green 500

#268e6c

green 600

#12805c

green 700

#107154

Changelog#

Date	Number	Notes
Apr 27, 2022	6.0.0	Updated color indices with 14 tints and shades per color Enhanced contrast for gray system Removed Lightest theme Updated colors with increased saturation and minor hue adjustments Added cyan color Restructured documentation Documented high-level content related to color system (Fundamentals) Documented the gray and color systems (Color system) Documented background layering, app framing, two-tone pairing, and various usage guidelines (Using color)
Sep 24, 2019	5.0.1	Removed guideline about label color order and color vision deficiency.
Apr 20, 2019	5.0.0	This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)

Using color

Typography