Skip to main content

Utility Colors

Component status:Ready
These utility colors are only to be used in user interface elements such as success, warning or error messages.
NameHexSass VariableSwatch
Info Light#c6e9f8$info-light
Info#41b6e6$info
Success Light#dcf5d0$success-light
Success#80c75b$success
Warning Light#fff0cc$warning-light
Warning#ffb600$warning
Error#ba0c2f$error
Focus#41b6e6$focus
Visited Light#e5c9f3$visited-light
Visited#660099$visited