Web Styleguide
  • 1.3.3

Colors

Please prefer the variable over hardcoded value in Sass files.

Main Colors

$green-700
#6EA644
$green-400
#A4C339
$green-100
#D0DD2C
$web-black
#414141
$web-white
#F7F7F5

Green

$green-100
#D0DD2C
$green-200
#C1D430
$green-300
#B3CC35
$green-400
#A4C339
$green-500
#92B93D
$green-600
#80B040
$green-700
#6EA644

Warm Grey

$warm-grey-50
#F7F7F5
$warm-grey-100
#EBEBE6
$warm-grey-200
#DDDDD8
$warm-grey-300
#CECFCA
$warm-grey-400
#C0C1BC
$warm-grey-500
#A5A59F
$warm-grey-600
#898A81
$warm-grey-700
#6E6E64
$warm-grey-800
#5F5F58
$warm-grey-900
#50504D
$warm-grey-1000
#414141

Orange

$orange-100
#F8C026
$orange-200
#F5B61F
$orange-300
#F2AB17
$orange-400
#EFA00F
$orange-500
#EC9506
$orange-600
#E98A00
$orange-700
#E58000

Teal

$teal-100
#19B3A6
$teal-200
#13A99C
$teal-300
#0E9F93
$teal-400
#089589
$teal-500
#05837C
$teal-600
#03736C
$teal-700
#00615D

Cranberry

$cranberry-100
#F26380
$cranberry-200
#E85876
$cranberry-300
#DD4E6B
$cranberry-400
#D34361
$cranberry-500
#C23E59
$cranberry-600
#B23852
$cranberry-700
#A1334A