This article provides guidelines for using color to indicate primary and projected values for bullet charts.

Default Colors

By default, the sequential palette is used.
For primary values, use the level @sapUiChartPaletteSequentialHueLight1 as described below.

Colors for Primary Value

You can make use of different colors to differentiate between categories.

Primary Values Without Semantic Meaning

If the colors have no semantic meaning, but are just used to distinguish between categories, use the first hues of the sequential palette.

In this example, “Country 2” is set to green to highlight this category.

Primary Values With Semantic Meaning

When using semantic colors for the primary value, use a neutral color for the projected value:

Primary Values With a Gap

By default, the semantic palette is used:

When showing projected values, avoid having gaps below the comparison value.

Primary Values With Additional Value

By default, the sequential palette is used.
Use the level @sapUiChartPaletteSequentialHueLight1 for primary values and additional values as described below.

If the additional value represents something less important that doesn’t need to be clearly visible at first glance, you can use a lighter shade to represent the additional value.

For more information about shades, see color palettes.

When displaying two series of measures, each one with additional values, use two different colors to distinguish between the series.

Use a darker shade for the actual values and a lighter shade for the additional values.
For more information about shades, see color palettes.

Colors for Projected Value

Projected Values With Semantic Colors

When using semantic colors for the projected value, use a neutral color for the primary value.

Never use semantic colors for both the primary and the projected value.