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.

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
Shows examples of label colorsShows examples of label colors

Changelog#


DateNumberNotes
Apr 27, 20226.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, 20195.0.1
  • Removed guideline about label color order and color vision deficiency.
Apr 20, 20195.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)