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)