Colors
Our Primary Color palette is used communicating actions, error, success and warning states within labels or forms. All of these colours have been choosen with the web accessibility guidelines in mind and work on both light and dark backgrounds.
Design Links
Primary Action Color
Backgrounds
Action Light
--ds-color-brand-primary-lightAction Dark
--ds-color-brand-primary-darkText
Action Dark
--ds-color-brand-primary-darkUI Colors
Backgrounds
Success Light
--ds-color-success-lightWarning Light
--ds-color-warning-lightError Light
--ds-color-error-lightText
Success Dark
--ds-color-success-darkWarning Dark
--ds-color-warning-darkError Dark
--ds-color-error-dark