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

Background colors

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