Palette

Colors from the palette can be used with the LESS variables below or by using the HEX value directly. A file colors.less is generated and distributed together with the library.

@greyscale-100

#FFFFFF

@greyscale-98

#FBFBFB

@greyscale-95

#F2F2F2

@greyscale-90

#E6E6E6

@greyscale-85

#D9D9D9

@greyscale-80

#CCCCCC

@greyscale-75

#BFBFBF

@greyscale-70

#B3B3B3

@greyscale-65

#A6A6A6

@greyscale-60

#999999

@greyscale-55

#8C8C8C

@greyscale-50

#808080

@greyscale-45

#737373

@greyscale-40

#666666

@greyscale-35

#595959

@greyscale-30

#4D4D4D

@greyscale-28

#474747

@greyscale-25

#404040

@greyscale-20

#333333

@greyscale-15

#262626

@greyscale-10

#1A1A1A

@greyscale-5

#0D0D0D

@greyscale-0

#000000

@blue-lighten-30

#a8d7f0

@blue-lighten-15

#68b5de

@blue

#52a2cc

@blue-darken-15

#468bb0

@blue-darken-30

#3a7391

@blue-darken-60

#214152

@green-lighten-30

#c0dca9

@green-lighten-15

#91c26a

@green

#61a729

@green-darken-15

#529a18

@green-darken-30

#44751d

@green-darken-60

#274310

@orange-lighten-30

#fcd6a5

@orange-lighten-15

#fab761

@orange

#f8981d

@orange-darken-15

#d38119

@orange-darken-30

#ad6a14

@orange-darken-60

#633d0c

@purple-lighten-30

#db94ca

@purple-lighten-15

#d47dbe

@purple

#cc66b3

@purple-darken-15

#ae5798

@purple-darken-30

#8e477d

@purple-darken-60

#522948

@red-lighten-30

#ffb0b0

@red-lighten-15

#ff7373

@red

#f05555

@red-darken-15

#c14444

@red-darken-30

#a33939

@red-darken-60

#522121

@yellow-lighten-30

#ffdd68

@yellow-lighten-15

#ffd546

@yellow

#ffce26

@yellow-darken-15

#d9af20

@yellow-darken-30

#b2901b

@yellow-darken-60

#66520f