Guidelines

Color

Last updated: April 2020

UI usage

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