SAP Fiori has five semantic colors that are associated with the following predefined value states:

• None
• Positive
• Critical
• Negative
• Information

SAP Fiori has 10 generic indication colors that are intended only for industry-specific use cases. You can associate these colors with a specific meaning in a given industry context (for example, to reflect industry standards).

Each application must clearly communicate the meaning of each color. In addition to using a color, you must also provide a text, such as an object status. All colors require a corresponding descriptive text for accessibility purposes.

The indication color palette is supported exclusively by tables and the object status.

This is the default state of an element. It means that no semantic or industry-specific meaning is assigned to it.

Use the “None” state if:

• You want to use the default of a UI element.
• There is no reason to use another value state.
• You want to indicate a neutral object status.
• A message contains non-critical, additional information for users.

This state stands for a good, positive situation, or for the successful completion of a task.

Use the “Positive” state if:

• You want to highlight a good or positive status.
• A message contains information about a process that was finalized without any issues. Users need this information later on (for example, to copy values to another app).

To indicate a successfully completed process, a short notification is enough. In this case, use a message toast and not the semantic color for the positive value state.

This state indicates a critical situation or warning.

Use the “Critical” state if:

• You want to highlight a critical status.
• A minor problem has occurred. The user can carry on working, but might run into an error later on.
• The current mode or page can be finalized, but doing so might lead to an error later on.
• The user input was validated and a minor problem occurred. The user can continue without fixing the problem, but might run into an error later on.
• A message contains information about a warning.

Use this state for errors, or to indicate a bad or negative status or consequence.

Use the “Negative” state if:

• Something bad has happened, or is about to happen. The issue requires the user’s attention. Until the issue is resolved, the user can’t carry on working.
• You want to indicate that a value has caused an error.
• The user needs to be prevented from finalizing the current mode or page.
• The user input failed a validation, and the problem must be fixed before the user can continue.
• A message contains information about an error.

Use this state to highlight a piece of information.

Use the “Information” state if:

• You want to draw attention to a control for an important purpose, such as visualizing the recommendations from intelligent systems in input fields.
• You want to highlight newly added items, such as a new table row.

Don’t apply the semantic color for the information state to text. The blue text color is explicitly reserved for links. If you need to emphasize text, use bold or italic formatting instead.