Colors

Colors are used to identify our brand. For our application we have custom color system to make sure everything works lorem ipsum dolor sit amet.

External resources

Base palette

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet lectus eget lacus tincidunt mollis aliquet in nulla.

base-100
base-90
base-80
base-70
base-60
base-50
base-40
base-30
base-20
base-10
base-05

#003380
#003B95
#03439F
#0051C7
#005DE4
#468AEC
#CCDEFA
#DEE9FC
#EBF1FC
#F5F9FF
#F9FCFF

Grey palette

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet lectus eget lacus tincidunt mollis aliquet in nulla.

grey-80
grey-60
grey-40
grey-25
grey-20
grey-10
grey-05
grey-02
grey-00

#333333
#777777
#999999
#BBBBBB
#CCCCCC
#E5E5E5
#EFEFEF
#F9F9F9
#FFFFFF

Status palette

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet lectus eget lacus tincidunt mollis aliquet in nulla.

ok
warning
error

#4AC92C
#F1A000
#EB2844

Something missing? Contact one of the designers.