Colors
All colors mentioned here has css classes defined.
For use as text color just use
For using it as background color add
For use as text color just use
.text-*colorname* as class. For using it as background color add
.bg-*colorname* as class.
Usage
<!-- for blue1 text color -->
<div class="text-blue1">
This text will appear in blue
</div>
<!-- for red text in orange background -->
<div class="text-red1 bg-orange2">
This text will appear in blue
</div>
<!-- for black text -->
<div class="text-black">
This text will appear in blue
</div>
Grey scale
black
#10161a
white
#ffffff
dark-grey1
#182026
dark-grey2
#202B33
dark-grey3
#293742
dark-grey4
#30404D
dark-grey5
#394B59
grey1
#5c7080
grey2
#738694
grey3
#8a9ba8
grey4
#a7b6c2
grey5
#bfccd6
light-grey1
#ced9e0
light-grey2
#d8e1e8
light-grey3
#e1e8ed
light-grey4
#ebf1f5
light-grey5
#f5f8fa
Core colors
blue1
#0e5a8a
blue2
#106ba3
blue3
#137cbd
blue4
#2b95d6
blue5
#48aff0
green1
#0a6640
green2
#0d8050
green3
#0f9960
green4
#15b371
green5
#3dcc91
orange1
#a66321
orange2
#bf7326
orange3
#d9822b
orange4
#f29d49
orange5
#ffb366
red1
#a82a2a
red2
#c23030
red3
#db3737
red4
#f55656
red5
#ff7373