Color palette - XenServer

For specifications on how to use design elements for web refer to the XenServer 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 & buttons #005DD0
Text Black #000000

Secondary

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

#152E48
#163B6F
#204EA1
#2255B8
#41618A
#4C79AB
#0883E1
#66AAEB
#A3CAF4
#E9F4FB
#2A333F
#344860
#41618A
#456C9C
#4C79B0
#6A98C6
#98B8D7
#C0D4E7
#ECF2F8
#C75030
#EC6F4C
#FA7B57
#FFEEE9
Iconography #FA5944

Neutral

For backgrounds.

#454853
#686C7C
#A4ABB1
#E5E8EB
#F5F7FA
#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