Color palette - Citrix
For specifications on how to use design elements for web refer to the Citrix design style guide (Coming soon).
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 Primary teal #2A6678
Text Black #000000
Secondary
For accent and/or backgrounds. Available for design flexibility and to add options for highlighting elements of any design.
Blue 60 #003894
Blue 50 #0045DB
Blue 40 #1C69F2
Blue 30 #3894FF
Blue 20 #7DC7FF
Blue 10 #B5E3FF
Teal 60 #005463
Teal 50 #05758A
Teal 40 #1C9CAD
Teal 30 #36C2CC
Teal 20 #85E3E5
Teal 10 #BDF0ED
Purple 60 #452170
Purple 50 #691CC2
Purple 40 #8F3BF2
Purple 30 #AD73FA
Purple 20 #CCADFF
Purple 10 #E3D6FF
Neutral
For backgrounds.
Gray 60 #555555
Gray 50 #767676
Gray 40 #989898
Gray 30 #B1B1B1
Gray 20 #C8C8C8
Gray 10 #D9D9D9
Web light gray #F3F3F3
White #FFFFFF
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