Status colors
Status colors are UI colors that are used to signal a status, for example if a user is logged in or when new messages have arrived.
Status colors have a main color and a matching contrast color for text.
Status color text should be used when status color is applied to text on section background.
Neutral
Active
Active text
Attention
Attention text
Error
Error text
Examples of usage
Badge
8 Logged in 42Custom inline SVG decoration
Error message
Please enter a valid email address
Status badge
Lorem Ipsumsson
Logged in
Status badge on Profile image
Logged in
Text
Logged in
New message
An error occurred
Documentation of examples: