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
Alerts and notifications
View alerts and notifications guidelines [Google drive]
View alerts and notifications examples
Icon colors
Success icon #4A9912
Error icon #EB0A0A
Warning icon #FF6E2B
Information icon #0045DB
Background colors
Success #F2FFF0
Error #FFEDF2
Warning #FFEFE6
Information #EFF8FF