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
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
#F2FFF0
Error
#FFEDF2
#FFEDF2
Warning
#FFEFE6
#FFEFE6
Information
#EFF8FF
#EFF8FF