Color palette
Version 6.0.0
Latest Spectrum colors#
This color palette picker only shows the latest version (6.0.0) of Spectrum’s colors. View the
In addition to an extended palette, the latest colors have indices that do not match the previous system (5.0.1). Use the
Light theme
Token
Gray 50
Gray 75
Gray 100
Gray 200
Gray 300
Gray 400
Gray 500
Gray 600
Gray 700
Gray 800
Gray 900
Blue 100
Blue 200
Blue 300
Blue 400
Blue 500
Blue 600
Blue 700
Blue 800
Blue 900
Blue 1000
Blue 1100
Blue 1200
Blue 1300
Green 100
Green 200
Green 300
Green 400
Green 500
Green 600
Green 700
Green 800
Green 900
Green 1000
Green 1100
Green 1200
Green 1300
Orange 100
Orange 200
Orange 300
Orange 400
Orange 500
Orange 600
Orange 700
Orange 800
Orange 900
Orange 1000
Orange 1100
Orange 1200
Orange 1300
Red 100
Red 200
Red 300
Red 400
Red 500
Red 600
Red 700
Red 800
Red 900
Red 1000
Red 1100
Red 1200
Red 1300
Celery 100
Celery 200
Celery 300
Celery 400
Celery 500
Celery 600
Celery 700
Celery 800
Celery 900
Celery 1000
Celery 1100
Celery 1200
Celery 1300
Chartreuse 100
Chartreuse 200
Chartreuse 300
Chartreuse 400
Chartreuse 500
Chartreuse 600
Chartreuse 700
Chartreuse 800
Chartreuse 900
Chartreuse 1000
Chartreuse 1100
Chartreuse 1200
Chartreuse 1300
Cyan 100
Cyan 200
Cyan 300
Cyan 400
Cyan 500
Cyan 600
Cyan 700
Cyan 800
Cyan 900
Cyan 1000
Cyan 1100
Cyan 1200
Cyan 1300
Fuchsia 100
Fuchsia 200
Fuchsia 300
Fuchsia 400
Fuchsia 500
Fuchsia 600
Fuchsia 700
Fuchsia 800
Fuchsia 900
Fuchsia 1000
Fuchsia 1100
Fuchsia 1200
Fuchsia 1300
Indigo 100
Indigo 200
Indigo 300
Indigo 400
Indigo 500
Indigo 600
Indigo 700
Indigo 800
Indigo 900
Indigo 1000
Indigo 1100
Indigo 1200
Indigo 1300
Magenta 100
Magenta 200
Magenta 300
Magenta 400
Magenta 500
Magenta 600
Magenta 700
Magenta 800
Magenta 900
Magenta 1000
Magenta 1100
Magenta 1200
Magenta 1300
Purple 100
Purple 200
Purple 300
Purple 400
Purple 500
Purple 600
Purple 700
Purple 800
Purple 900
Purple 1000
Purple 1100
Purple 1200
Purple 1300
Seafoam 100
Seafoam 200
Seafoam 300
Seafoam 400
Seafoam 500
Seafoam 600
Seafoam 700
Seafoam 800
Seafoam 900
Seafoam 1000
Seafoam 1100
Seafoam 1200
Seafoam 1300
Yellow 100
Yellow 200
Yellow 300
Yellow 400
Yellow 500
Yellow 600
Yellow 700
Yellow 800
Yellow 900
Yellow 1000
Yellow 1100
Yellow 1200
Yellow 1300
Changelog#
- 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)
- Removed guideline about label color order and color vision deficiency.
- This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)