Colors

Default Colors

Primary Color

$ocean-blue #0375BE

Secondary Color

$vivid-cerise #E41C77

Accent Color

$yellow-orange #FBB13C

Supporting Colors

Success Color

$success-color #4CAF50

Warning Color

$warn-color #FBB13C

Error Color

$error-color #F44336

Color Palettes

Primary Color

500 ($primary-color) #0375BE
100 #82CEFF
200 #70C0F5
300 #1D8CD3
400 #0A80CC
500 ($primary-color) #0375BE
600 #0166A7
700 #015A94
800 #014E80
900 #01416A

Secondary Color

500 ($secondary-color) #E41C77
100 #FCC5DE
200 #E17FAB
300 #DC5491
400 #DF3683
500 ($secondary-color) #E41C77
600 #DC0A6A
700 #D30160
800 #BF0157
900 #A5044D

Accent Color

500 ($accent-color) #FBB13C
100 #FCF0DD
200 #F4D4A2
300 #F2C173
400 #F6B856
500 ($accent-color) #FBB13C
600 #FFA81E
700 #FFA10C
800 #F69701
900 #E08901

Gray Color

500 ($gray) rgba(0, 0, 0, .38)
100 ($off-white) rgba(0, 0, 0, .04)
200 rgba(0, 0, 0, .08)
300 rgba(0, 0, 0, .12)
400 ($lightgray) rgba(0, 0, 0, .26)
500 ($gray) rgba(0, 0, 0, .38)
600 ($darkgray) rgba(0, 0, 0, .54)
700 rgba(0, 0, 0, .62)
800 ($off-black) rgba(0, 0, 0, .74)
900 ($black) rgba(0, 0, 0, .87)