Color palette - NetScaler
For specifications on how to use design elements for web refer to the NetScaler 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 #0970B4
Text Black #000000
Secondary
For accent and/or backgrounds. Available for design flexibility and to add options for highlighting elements of any design.
#0C8CE2
#99D4FA
#DEF5FF
Right blue #0F73FF
Charcoal #7D91AA
Orange #FF8C03
Green #19C49A
Purple #7C49EA
Rose #FA5944
Note: The tint version of these colors are provided for special cases when additional colors are needed for items such as icons, illustrations, charts, and graphs.
Right blue #93C0FF
Charcoal #BDC7D4
Orange #FFC580
Green #8BE1CC
Purple #DBA3F4
Rose #FCABA1
Right blue #DBEAFF
Charcoal #E5E9EE
Orange #FAE9E9
Green #D1F3EB
Purple #E5DBFB
Rose #FEDEDA
Neutral
For backgrounds.
#8C8C8C
#F1F2F2
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