No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Colors

Dark Color Pallete
Color Variable
$dark-color01
Color Hex
#79879c
Color RGBA
rgba(121,135,156,1)
Color Variable
$dark-color02
Color Hex
#6b7b95
Color RGBA
rgba(107,123,149,1)
Color Variable
$dark-color03
Color Hex
#5f708a
Color RGBA
rgba(95,112,138,1)
Color Variable
$dark-color04
Color Hex
#4a5974
Color RGBA
rgba(74,89,116,1)
Color Variable
$dark-color05
Color Hex
#404e68
Color RGBA
rgba(64,78,104,1)
Color Variable
$dark-color06
Color Hex
#36435c
Color RGBA
rgba(54,67,92,1)
Color Variable
$dark-color07
Color Hex
#242e42
Color RGBA
rgba(36,46,66,1)
Color Variable
$dark-color08
Color Hex
#181d28
Color RGBA
rgba(24,29,40,1)
Light Color Pallete
Color Variable
$light-color01
Color Hex
#f9fbfd
Color RGBA
rgba(249,251,253,1)
Color Variable
$light-color02
Color Hex
#eff4f9
Color RGBA
rgba(239,244,249,1)
Color Variable
$light-color03
Color Hex
#e3e9ef
Color RGBA
rgba(227,233,239,1)
Color Variable
$light-color04
Color Hex
#d8dee5
Color RGBA
rgba(216,222,229,1)
Color Variable
$light-color05
Color Hex
#d1d7df
Color RGBA
rgba(209,215,223,1)
Color Variable
$light-color06
Color Hex
#ccd3db
Color RGBA
rgba(204,211,219,1)
Color Variable
$light-color07
Color Hex
#c1c9d1
Color RGBA
rgba(193,201,209,1)
Color Variable
$light-color08
Color Hex
#abb4be
Color RGBA
rgba(171,180,190,1)
Green Color Pallete
Color Variable
$green-color01
Color Hex
#c4e6d4
Color RGBA
rgba(196,230,212,1)
Color Variable
$green-color02
Color Hex
#a2d8bb
Color RGBA
rgba(162,216,187,1)
Color Variable
$green-color03
Color Hex
#55bc8a
Color RGBA
rgba(85,188,138,1)
Color Variable
$green-color04
Color Hex
#479e88
Color RGBA
rgba(71,158,136,1)
Color Variable
$green-color05
Color Hex
#3b747a
Color RGBA
rgba(59,116,122,1)
Blue Color Pallete
Color Variable
$blue-color01
Color Hex
#c7deef
Color RGBA
rgba(199,222,239,1)
Color Variable
$blue-color02
Color Hex
#7eb8dc
Color RGBA
rgba(126,184,220,1)
Color Variable
$blue-color03
Color Hex
#329dce
Color RGBA
rgba(50,157,206,1)
Color Variable
$blue-color04
Color Hex
#3385b0
Color RGBA
rgba(51,133,176,1)
Color Variable
$blue-color05
Color Hex
#326e93
Color RGBA
rgba(50,110,147,1)
Red Color Pallete
Color Variable
$red-color01
Color Hex
#fae7e5
Color RGBA
rgba(250,231,229,1)
Color Variable
$red-color02
Color Hex
#ea8573
Color RGBA
rgba(234,133,115,1)
Color Variable
$red-color03
Color Hex
#ca2621
Color RGBA
rgba(202,38,33,1)
Color Variable
$red-color04
Color Hex
#ab2f29
Color RGBA
rgba(171,47,41,1)
Color Variable
$red-color05
Color Hex
#8c3231
Color RGBA
rgba(140,50,49,1)
Yellow Color Pallete
Color Variable
$yellow-color01
Color Hex
#ffe1be
Color RGBA
rgba(255,225,190,1)
Color Variable
$yellow-color02
Color Hex
#ffc781
Color RGBA
rgba(255,199,129,1)
Color Variable
$yellow-color03
Color Hex
#f5a623
Color RGBA
rgba(245,166,35,1)
Color Variable
$yellow-color04
Color Hex
#e0992c
Color RGBA
rgba(224,153,44,1)
Color Variable
$yellow-color05
Color Hex
#8d663e
Color RGBA
rgba(141,102,62,1)