Color

UI usage

• Navy

  Headings

  #1F375B
• Grey darken 4

  Body text

  #445058
• Grey darken 3

  Sub text

  #818E95
• Blue darken 1

  Links

  #1381E0
• Grey lighten 4

  Screen background

  #F0F3F8
• Grey lighten 2

  Borders

  #CFD6DB

Palette

• Blue

  #1493FF
• Blue lighten 2

  #43ADFF
• Blue lighten 1

  #2C9EFF
• Blue darken 1

  #1381E0
• Blue darken 2

  #0E67B3

• Green

  #1BB152
• Green lighten 2

  #49C175
• Green lighten 1

  #32B964
• Green darken 1

  #189F4A
• Green darken 2

  #137C39

• Navy

  #1F375B
• Navy lighten 2

  #294B75
• Navy lighten 1

  #224168
• Navy darken 1

  #1C3252
• Navy darken 2

  #162740

• Red

  #E44242
• Red lighten 2

  #FF4F4F
• Red lighten 1

  #F24747
• Red darken 1

  #DB3F3F
• Red darken 2

  #BF2D2D

• Orange

  #F99F4A
• Orange lighten 2

  #FFB874
• Orange lighten 1

  #FFA958
• Orange darken 1

  #EA913C
• Orange darken 2

  #DA812D

• Yellow

  #FFCB4D
• Yellow lighten 2

  #FFD87A
• Yellow lighten 1

  #FFCF5B
• Yellow darken 1

  #F4C041
• Yellow darken 2

  #E8B436

• Purple

  #887AEF
• Purple lighten 2

  #988CF6
• Purple lighten 1

  #9285F6
• Purple darken 1

  #7B6EDD
• Purple darken 2

  #695CC8

• Grey

  #B9C4CB
• Grey lighten 5

  #F5F8FC
• Grey lighten 4

  #F0F3F8
• Grey lighten 3

  #E4E8EE
• Grey lighten 2

  #CFD6DB
• Grey lighten 1

  #C2CBD1
• Grey darken 1

  #AFBBC2
• Grey darken 2

  #99A8B1
• Grey darken 3

  #818E95
• Grey darken 4

  #455058
• White

  #FFFFFF