KPI colors are a specific sequence of colors that is defined to differentiate data points in the chart when there are more than 11 categories (or KPIs).

information
Disclaimer:This guideline is aligned with the UX Consistency Product Standard for colors, theming, typography and iconography (Fiori 3 Quartz Light), which might not be implemented yet in the product on which you’re working.What does this mean for you?

Usage

Use KPI colors if:

Do not use KPI colors if you want to provide visual differentiation between less than 11 data points in the chart. The Qualitative Color Palette is enough to cover this case.

Guidelines

Design Specification

This is the extension of the Qualitative Palette and the Sequential Palette from the Fiori Design Guidelines. It starts from the first sequence of colors in the qualitative palette and following sequences are defined to maximize color contrast among sequences and make use of all sequences from the sequential palette. The difference between KPI colors and the sequential palette is that different shades are not related to the impact of values.

Resources

Chart – Color Palettes

Chart – Color Palettes – Values and Names

Qualitative and Sequential Palette Colors