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
Success icon #4A9912
Error icon #EB0A0A
Warning icon #FF6E2B
Information icon #0045DB

Background colors

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