Use the following for all typography across digital products.
#595959
Grey-12
Secondary text
Syntax: Web
Global.Color.Grey.12
Collection
Global
Token Name
Global Color Grey-12
Use
Use for all secondary body text
Type Color
-
Tableau / PBI Conversion
-
#0f1a38
Brand-10
Primary text
Syntax: Web
Color.Brand.10
Collection
Brand
Token Name
Color.Brand.10
Use
-
Type Color
-
Tableau / PBI Conversion
-
Actions
#295cad
60
Syntax: Web
-
Collection
Colors
Token Name
brand-60
Use
Action, buttons
Type Color
-
Tableau / PBI Conversion
-
Neutrals
#ffffff
White
#FFFFFF
Syntax: Web
Global.Color.White
Collection
Global
Token Name
Global Color White
Use
-
Type Color
-
Tableau / PBI Conversion
-
#f8f8f8
Grey-90
#E6E6E6
Syntax: Web
Global.Color.Grey.90
Collection
Global
Token Name
Global Color Grey-90
Use
-
Type Color
-
Tableau / PBI Conversion
-
#f2f3f3
Grey-80
#CCCCCC
Syntax: Web
Global.Color.Grey.80
Collection
Global
Token Name
Global Color Grey-80
Use
-
Type Color
-
Tableau / PBI Conversion
-
#e4e7e7
Grey-70
#B3B3B3
Syntax: Web
Global.Color.Grey.70
Collection
Global
Token Name
Global Color Grey-70
Use
-
Type Color
-
Tableau / PBI Conversion
-
#cacece
Grey-60
#999999
Syntax: Web
Global.Color.Grey.60
Collection
Global
Token Name
Global Color Grey-60
Use
-
Type Color
-
Tableau / PBI Conversion
-
#afb6b6
Grey-50
#808080
Syntax: Web
Global.Color.Grey.50
Collection
Global
Token Name
Global Color Grey-50
Use
-
Type Color
-
Tableau / PBI Conversion
-
#959d9d
Grey-40
#666666
Syntax: Web
Global.Color.Grey.40
Collection
Global
Token Name
Global Color Grey-40
Use
-
Type Color
-
Tableau / PBI Conversion
-
#788383
Grey-30
#4D4D4D
Syntax: Web
Global.Color.Grey.30
Collection
Global
Token Name
Global Color Grey-30
Use
-
Type Color
-
Tableau / PBI Conversion
-
#626a6a
Grey-20
#333333
Syntax: Web
Global.Color.Grey.20
Collection
Global
Token Name
Global Color Grey-20
Use
-
Type Color
-
Tableau / PBI Conversion
-
#595959
Grey-12
Secondary text
Syntax: Web
Global.Color.Grey.12
Collection
Global
Token Name
Global Color Grey-12
Use
Use for all secondary body text
Type Color
-
Tableau / PBI Conversion
-
#3a3a3a
Grey-10
#1A1A1A
Syntax: Web
Global.Color.Grey.10
Collection
Global
Token Name
Global Color Grey-10
Use
-
Type Color
-
Tableau / PBI Conversion
-
#2c2c2c
Grey-8
#141414
Syntax: Web
Global.Color.Grey.8
Collection
Global
Token Name
Global Color Grey-8
Use
-
Type Color
-
Tableau / PBI Conversion
-
#111111
Grey-6
#0F0F0F
Syntax: Web
Global.Color.Grey.6
Collection
Global
Token Name
Global Color Grey-6
Use
-
Type Color
-
Tableau / PBI Conversion
-
#000000
Black
#000000
Syntax: Web
Global.Color.Black
Collection
Global
Token Name
Global Color Black
Use
-
Type Color
-
Tableau / PBI Conversion
-
Feedback / Semantic
These colors are chosen to convey information or intent, making it easier for end users to understand meaning in the visual language of a product.
#0a7f00
Success 10
Syntax: Web
-
Collection
Colors
Token Name
success-10
Use
Success text / icon
Type Color
-
Tableau / PBI Conversion
-
#8dc881
Success 20
Syntax: Web
-
Collection
Colors
Token Name
success-20
Use
-
Type Color
-
Tableau / PBI Conversion
-
#e2f5e0
Success 30
Syntax: Web
-
Collection
Colors
Token Name
success-30
Use
Success background
Type Color
-
Tableau / PBI Conversion
-
#c9601c
Warning 10
Syntax: Web
-
Collection
Colors
Token Name
warning-10
Use
Warning text / icon
Type Color
-
Tableau / PBI Conversion
-
#f0a371
Warning 20
Syntax: Web
-
Collection
Colors
Token Name
warning-20
Use
-
Type Color
-
Tableau / PBI Conversion
-
#fbeee6
Warning 30
Syntax: Web
-
Collection
Colors
Token Name
warning-30
Use
Warning background
Type Color
-
Tableau / PBI Conversion
-
#ad0000
Danger 10
Syntax: Web
-
Collection
Colors
Token Name
danger-10
Use
Error text / icon
Type Color
-
Tableau / PBI Conversion
-
#dd9090
Danger 20
Syntax: Web
-
Collection
Colors
Token Name
danger-20
Use
-
Type Color
-
Tableau / PBI Conversion
-
#fcdfdf
Danger 30
Syntax: Web
-
Collection
Colors
Token Name
danger-30
Use
Error background
Type Color
-
Tableau / PBI Conversion
-
#007e73
Generic 10
Syntax: Web
-
Collection
Colors
Token Name
generic-10
Use
Information text / icon
Type Color
-
Tableau / PBI Conversion
-
#8ad0ca
Generic 20
Syntax: Web
-
Collection
Colors
Token Name
generic-20
Use
-
Type Color
-
Tableau / PBI Conversion
-
#e8f8f7
Generic 30
Syntax: Web
-
Collection
Colors
Token Name
generic-30
Use
Information background
Type Color
-
Tableau / PBI Conversion
-
Data Visualization
Color plays a pivotal role in data visualization, as it can convey information, emphasize patterns, and create visual hierarchy. Careful selection and application of colors can enhance the clarity and impact of data representations, making complex information more accessible and engaging to the audience.