Color palette - Spotfire

For specifications on how to use design elements for web refer to the Spotfire design style guide .

Note: When placing text over backgrounds, ensure the text color complies with accessibility guidelines, achieving at least a Level AA contrast ratio.

Primary

For links, primary buttons, and text.

Links and buttons Blue P1 #3050EF
TextBlack #000000

Secondary

For accent, backgrounds, and gradients. Available for design flexibility and to add options for highlighting elements of any design.

Dark blue #333C66
Blue P1 #3050EF
Blue P2 #5D6EFA
Blue P3 #7289F9
Blue P4 #91ADFF
Blue P5 #EBEFFF
Primary poppy red #E94165
Secondary poppy red #FAE6EA
Turquoise #E2FCFC
Purple #F5DCFC
Yellow #FFF2E3

Neutral

For backgrounds.

L16 #313336
L15 #61646B
L14 #6D7078
L13 #797B85
L13 #848791
L12 #90939E
L11 #989FAB
L10 #A7ABB8
L9 #B5B8C4
L8 #C2C6D1
L7 #D1D4DE
L6 #DCDFE8
L5 #EDF0F7
L4 #F7F9FF
L3 #FBFCFF
White #FFFFFF
Black #000000
Success icon #4A9912
Error icon #EB0A0A
Warning icon #FF6E2B
Information icon #0045DB

Background colors

Success #F2FFF0
Error #FFEDF2
Warning #FFEFE6
Information #EFF8FF