Color palette - Jaspersoft
For specifications on how to use design elements for web refer to the Jaspersoft 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 #0E5F86
Text Black #000000
Secondary
For accent, backgrounds, and gradients. Available for design flexibility and to add options for highlighting elements of any design.
#0076AD
#4892BD
#6DA7C9
#9AC1DB
#BCD5E7
#E4EEF5
#05A3C9
#62BBD7
#ADDAE9
#EBF6FB
#F4F8FB
#39BF67
#6ACC87
#93D9A5
#DBF2E2
#FF6C70
#FF8B8E
#FFA8AA
#FFE3E2
#EABE0A
#EFCF62
#F7E5AC
#FDF9EC
Neutral
For backgrounds.
#2A343D
#444D55
#565D64
#757B81
#9FA3A7
#C0C2C4
#E5E6E7
#F4F5F5
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