Overview
The chart palette for SAC takes full advantage of the extended Brand DNA palette. It uses the colors from the brand to deliver consistent and accessible chart colors that address many customer requests. We use brand DNA also to define color gradations, continuous gradient palettes, IBCS, and more.
SAC Chart Palette
Color Gradation
Defining a color gradation is essential for any chart design. Color gradation provides predictability in charts and drives consistency. We determined the following color gradation for SAC based on the number of series. The principle of color gradation works the same way regardless of the number of colors used.
Color Gradation
For example, to create a 3-color gradation of blue colors, you need to use the Blue 6, Blue 8, and Blue 10 colors.
Semantic Gradation
Color gradation works the same way if multiple colors are used. For example, to create a 9-color semantic gradation, you can choose 3 negative colors, 2 neutral colors and 4 positive colors. This will result in a palette that is skewed slightly into the positive spectrum. Any combination from the positive, neutral and negative colors can be chosen. The neutral colors can even be omitted from the selection.
Mirrored Semantic Gradation
The mirrored semantic palette works the same way as the semantic one. To create the color spread pick and choose from the positive, critical and negative values available.
Hot-Cold Gradation
The Hot-Cold color gradation is a variant of the semantic one. The difference being that it has a very specific neutral color gradation in it.
SAC Palettes
Standard Palette
Color 1
#188fff
RGB(24, 143, 255)
Color 2
#eb6600
RGB(235, 102, 0)
Color 3
#049f9a
RGB(4, 159, 154)
Color 4
#fa4892
RGB(250, 72, 146)
Color 5
#9379ff
RGB(147, 121, 255)
Color 6
#a68a5b
RGB(166, 138, 91)
Color 7
#748cd0
RGB(116, 140, 208)
Color 8
#f42aee
RGB(244, 42, 238)
Color 9
#7a91a8
RGB(122, 145, 168)
Color 10
#c18100
RGB(193, 129, 0)
Color 11
#099bb9
RGB(9, 155, 185)
Color 12
#b972d1
RGB(185, 114, 209)
Examples of SAC Standard Palette
Sequential Palette
Blue 6
#188fff
RGB(24, 143, 255)
Blue 7
#00144a
RGB(0, 20, 74)
The sequential palette above shows the color progression of the blue color. That progression is identical for all other color hues from the BTP Extended DNA Palette.
IBCS Palette
Actual / Forecast
#1a2733
RGB(26, 39, 51)
Previous
#5b738b
RGB(91, 115, 139)
Planned (Fill)
#ffffff
RGB(255, 255, 255)
Planned (Stroke)
#1a2733
RGB(26, 39, 51)
Positive
#36a31d
RGB(54, 163, 29)
Negative
#ee3939
RGB(238, 57, 57)
Continuous Palette
Start
#006ae5
RGB(0, 106, 229)
Mid
#a246c2
RGB (162, 70, 194)
End
#c200d1
RGB(194, 0, 209)
Diverging Palette
Start
#00709f
RGB(0, 112, 159)
Mid
#ffb300
RGB (255, 179, 0)
End
#776240
RGB(119, 98, 64)
Waterfall Palette
Total
#1a2733
RGB(26, 39, 51)
Subtotal
#5b738b
RGB(91, 115, 139)
Increase
#36a31d
RGB(54, 163, 29)
Decrease
#ee3939
RGB(238, 57, 57)
Geo Palette
Single Color
#fa4f96
RGB(250, 79, 150)
Point of Interest
#2395ff
RGB (35, 149, 255)
Cluster
#2395ff
RGB(35, 149, 255)
Threshold Palette
Neutral
#5b738b
RGB(91, 115, 139)
Information
#0070f2
RGB(0, 112, 242)
Positive
#188918
RGB(24, 137, 24)
Critical
#f56a00
RGB(245, 106, 0)
Negative
#d20a0a
RGB(210, 10, 10)
Null Color
Null Color
#5b738b
RGB(91, 115, 139)