Color palette - CSG
For specifications on how to use design elements for web refer to the Cloud Software Group 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 Primary blue #0046DC
Text Black #000000
Secondary
For accent and/or backgrounds. Available for design flexibility and to add options for highlighting elements of any design.
Dark blue#161D6F
Medium blue#4074E5
Light blue#BCD3F9
Lightest blue#DFE8FB
Neutral
For backgrounds.
#121212
#555555
#B1B1B1
#CCCCCC
Web light gray #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
Error #FFEDF2
Warning #FFEFE6
Information #EFF8FF