Contrasting black color for headings and less intense dark gray for the text helps to improve readability.
$color-headings
$color-text
Classic blue links and soft red for the hover state makes links visible and predictable.
$color-link
$color-link-hover
Blue color for primary buttons for greater consistency with links. Black color for secondary buttons allows you build a variety of UI.
$color-button-primary
$color-button-secondary
All possible states of the UI are in the simple and intuitive color scheme helps to focus the user's attention when creating an interactive UI.
$color-error
$color-focus
$color-success
$color-warning
Special color to highlight areas of interaction with the interface. And the white color for all cases.
$color-highlight
$color-inverted
Harmonious and well-thought-out scheme of gray for a broad range of tasks in the designing of the interface from controls to backgrounds.
$color-black
$color-darkgray
$color-midgray
$color-gray
$color-lightgray
$color-silver
$color-aluminum