Color Palettes
Color Palettes
Which Palette should I choose?
Each palette is a valid choice. However, we recommend using the IBCS or Blue palette, as too many colors, such as those found in the Colorful palette, often make the content appear visually cluttered. If you want to ensure objective, fact-based communication, choose the IBCS palette.
Reducing the display to near-grayscale prevents visual overload and focuses attention on the actual data. If you prefer more vibrant colors, choose the Blue palette. However, there may be cases where the Colorful color palette is the right choice.
SAP IBCS Palette
The SAP IBCS palette is designed to enhance the clarity and readability of business communication, particularly for financial and performance reporting, where standardization and consistency are crucial. The color palette supports quick data comprehension, reduces cognitive load, aids in data-driven decision-making, and minimizes errors in data representation.
IBCS Semantic
Actual Year (AY) Dark Solid
sapChart_Sequence_Neutral_Minus4
#233549
Previous Year (PY) Light Solid
sapChart_Sequence_Neutral
#758CA4
Forecast (FC) Hatched
sapChart_Sequence_Neutral_Minus4
#233549
Plan/Budget (PL/BU) Outlined
sapChart_Sequence_Neutral_Minus4
#233549 (Outline only)
IBCS Categories
sapChart_Sequence_Neutral_Minus4
#233549
sapChart_Sequence_Neutral_Plus2
#C5CFD9
sapChart_Sequence_Neutral_Minus2
#485E75
sapChart_Sequence_Neutral_ Plus3
#EDF0F3
sapChart_Sequence_Neutral_Minus1
#5B728B
sapChart_Sequence_Neutral_ Plus1
#9DAEBE
sapChart_Sequence_Neutral_Minus3
#364A5F
sapChart_Sequence_Neutral
#758CA4
sapChart_Sequence_Neutral_Minus5
#1A2633
IBCS Sequence
sapChart_Sequence_Neutral_Minus5
#1A2633
sapChart_Sequence_Neutral_Minus4
#233549
sapChart_Sequence_Neutral_Minus3
#364A5F
sapChart_Sequence_Neutral_Minus2
#485E75
sapChart_Sequence_Neutral_Minus1
#5B728B
sapChart_Sequence_Neutral
#758CA4
sapChart_Sequence_Neutral_Plus1
#9DAEBE
sapChart_Sequence_Neutral_Plus2
#C5CFD9
sapChart_Sequence_Neutral_Plus3
#EDF0F3
IBCS Semantic
sapChart_Sequence_Good_Minus1
#178236
sapChart_Sequence_Bad_Minus1
#D00A0A
IBCS Waterfall
sapChart_Sequence_Neutral_Plus2
#C5CFD9
sapChart_Sequence_Neutral_Minus1
#5B728B
sapChart_Sequence_Neutral_Minus4
#233549
IBCS Diverging
sapChart_Sequence_Neutral
#758CA4
sapChart_Sequence_2_Plus2
#EAAA44
sapChart_Sequence_12_Minus2
#786441
IBCS Continuous/Sequential
sapChart_Sequence_Neutral
#758CA4
sapChart_Sequence_Neutral_Minus5
#1A2633
SAP Blue Palette
The SAP Blue palette is a monochromatic blue alternative inspired by the SAP Blue color value, integrating IBCS concepts with SAP’s Horizon theme. This palette strike a balance between standardization and flexibility, ensuring our products are visually appealing and consistent with the SAP Fiori Horizon look and feel.
Blue Semantic
Actual Year (AY) Dark Solid
sapChart_Sequence_Neutral_Minus4
#003B72
Previous Year (PY) Light Solid
sapChart_Sequence_1
#168EFF
Forecast (FC) Hatched
sapChart_Sequence_Neutral_Minus4
#003B72
Plan/Budget (PL/BU) Outlined
sapChart_Sequence_Neutral_Minus4
#003B72
(Outline only)
Blue Categories
sapChart_Sequence_Neutral_Minus4
#003B72
sapChart_Sequence_Neutral_Plus2
#62B3FF
sapChart_Sequence_Neutral_Minus2
#0065C3
sapChart_Sequence_Neutral_ Plus3
#8BC7FF
sapChart_Sequence_Neutral_Minus1
#0074E2
sapChart_Sequence_Neutral_ Plus1
#3FA2FF
sapChart_Sequence_Neutral_Minus3
#0055A5
sapChart_Sequence_Neutral
#168EFF
sapChart_Sequence_Neutral_Minus5
#00305D
Blue Sequence
sapChart_Sequence_Neutral_Minus5
#00305D
sapChart_Sequence_Neutral_Minus4
#003B72
sapChart_Sequence_Neutral_Minus3
#0055A5
sapChart_Sequence_Neutral_Minus2
#0065C3
sapChart_Sequence_Neutral_Minus1
#0074E2
sapChart_Sequence_1
#168EFF
sapChart_Sequence_Neutral_Plus1
#3FA2FF
sapChart_Sequence_Neutral_Plus2
#62B3FF
sapChart_Sequence_Neutral_Plus3
#8BC7FF
Blue Semantic
sapChart_Sequence_Good_Minus1
#178236
sapChart_Sequence_Critical_Minus1
#C35500
sapChart_Sequence_Bad_Minus1
#D00A0A
sapChart_Sequence_Neutral_Minus1
#758CA4
Blue Waterfall
sapChart_Sequence_Neutral_Plus2
#C5CFD9
sapChart_Sequence_Neutral_Minus1
#0074E2
sapChart_Sequence_Neutral_Minus4
#003B72
Blue Diverging
sapChart_Sequence_1
#168EFF
sapChart_Sequence_2_Plus2
#EAAA44
sapChart_Sequence_12_Minus2
#786441
Blue Continuous / Sequential
sapChart_Sequence_Neutral
#168EFF
sapChart_Sequence_Neutral_Minus5
#00305D
SAP Colorful Palette
SAP’s Colorful Palette contains SAP’s base chart colors that are intended to be used across all the SAP technologies. It has been designed to provide visual differentiation between data points by virtue of the fact that each color is visually distinct.
Colorful Categories
sapChart_Sequence_1
#168EFF
sapChart_Sequence_2
#C87B00
sapChart_Sequence_3
#75980B
sapChart_Sequence_4
#DF1278
sapChart_Sequence_5
#8B47D7
sapChart_Sequence_6
#049F9A
sapChart_Sequence_7
#0070F2
sapChart_Sequence_8
#CC00DC
sapChart_Sequence_9
#869785
sapChart_Sequence_10
#DA6C6C
sapChart_Sequence_11
#5D36FF
sapChart_Sequence_12
#A68A5B
Colorful Semantic
sapChart_Sequence_Good_Minus1
#178236
sapChart_Sequence_Critical_Minus1
#C35500
sapChart_Sequence_Bad_Minus1
#D00A0A
sapChart_Sequence_Neutral_Minus1
#758CA4
Colorful Waterfall
sapChart_Sequence_2
#C87B00
sapChart_Sequence_5
#8B47D7
sapChart_Sequence_1
#168EFF
Colorful Diverging
sapChart_Sequence_1
#168EFF
sapChart_Sequence_2_Plus2
#EAAA44
sapChart_Sequence_12_Minus2
#786441
Colorful Continuous
sapChart_Sequence_1
#168EFF
sapChart_Sequence_8
#CC00DC
Colorful Sequential
sapChart_Sequence_1
#168EFF
sapChart_Sequence_Neutral_Minus5
#00305D