13.1 Functional colors

Typical semantic roles:

success
warning
danger
info
disabled
focus
selected

Avoid communicating state by color alone.

Pair color with:

• icon
• text
• shape
• status label