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.

Primary Action Color

Backgrounds

Action Light --ds-color-brand-primary-light
Action Dark --ds-color-brand-primary-dark

Text

Action Dark --ds-color-brand-primary-dark

UI Colors

Backgrounds

Success Light --ds-color-success-light
Warning Light --ds-color-warning-light
Error Light --ds-color-error-light

Text

Success Dark --ds-color-success-dark
Warning Dark --ds-color-warning-dark
Error Dark --ds-color-error-dark