Color

Grayscale colors are used for containers, text, lines and borders.

FFFFFF
psColorsWhite
F2F2F2
psColorsBone
CCCCCC
psColorsGray01
AAAAAA
psColorsGray02
555555
psColorsGray03
363636
psColorsGray04
222222
psColorsGray05
181818
psColorsGray06
000000
psColorsBlack

UI colors emphasize interface elements such as buttons, links, accents and vizualization.

E80A89
psColorsPink
DE3636
psColorsRed
F96816
psColorsOrange
FF7B39
psColorsOrangeLight
FFC200
psColorsYellow
86CE21
psColorsGreenLight
23AA5A
psColorsGreen
137BC2
psColorsBlue

So fresh. Use the standard gradient to emphasize and showcase the brand. Use sparingly.

F05A28
psColorsGradientHorz
E80A89
F05A28
psColorsGradientVert
E80A89