Learn

Design Tokens - Colors

"Every part of the interface in any possible state (hover, disabled, etc.) is mapped to one of the tints and shades defined in Spectrum. Constraining the interface to a set number of colors ensures a high level of consistency between products while providing flexibility and context for use of color. It also ensures accessible contrast when colors are used correctly."
— Spectrum, Adobe’s Design System
Color tokens can be solid or gradient fills.
You can also define tinted and shaded variants of solid filled tokens. Updating the main color will automatically recalculate and update the tint and shade variants.
Adding Tints and Shades to Color Token
Here are some good articles on colors in design systems: