Colors

Primary Colors

Hexacode: #2a3d55
RGB: (42, 61, 85)
Color variable: @blue-dark

Hexacode: #143c8a
RGB: (20, 60, 138)
Color variable: @blue

Hexacode: #4ba4df
RGB: (75, 164, 223)
Color variable: @blue-light

Hexacode: #333333
RGB: (51, 51, 51)
Color variable: @text

Background Colors

Hexacode: #f8f8f8
RGB: (248, 248, 248)
Color variable: @grey-light

Hexacode: #ffffff
RGB: (255, 255, 255)
Color variable:No class

Tertiary Colors

These colors are primarily used for content-specific needs, such as cart item number, sale campaigns, rating stars etc.

Hexacode: #bd0000
RGB: (189, 0, 0)
Color variable: @red

Hexacode: #f3673c
RGB: (0, 67, 152)
Color variable: @orange

Hexacode: #ffd800
RGB: (255, 216, 0)
Color variable: @yellow

Hexacode: #04b51d
RGB: (4, 181, 29)
Color variable: @green

Gradient Colors

Hexacode:
#034ea3 to #034795
RGB:
(3, 78, 163) to (3, 71, 149)

Hexacode:
#034ea3 to #034795
RGB:
(3, 78, 163) to (3, 71, 149)

Hexacode:
#034ea3 to #034795
RGB:
(3, 78, 163) to (3, 71, 149)

CSS3
All the colors are made as variables. This makes it easier to change the color on not just one element, but every element consisting that specific color at once.
Normally you would have to enter either the hexacode or the RGB every time you wanted to put a color to an element. But with the variables in place, you just have to type the variables name like @blue, @blue-darker or @orange to get the preferred color, because the hexacode is already in the variable name.

/* Color variables */
@text:              #454545;
@blue:              #143c8a;
@blue-light:        #58cdf4;
@blue-dark:         #2a3d55;
@line:              #ececec;
@red:               #bd0000;
@yellow:            #ffd800;

@green:             #04b51d;
@orange:            #f3673c;
@grey-light:        #f8f8f8;

/* Example of how to use the color variable */
div {
    height: 50px;
    width: 50px;
    background: @blue; /* Sets the background as hexacode #143c8a from the variable @blue */
    color: @grey-light; /* Sets the font color as hexacode #f8f8f8 from the variable @grey-light  */
}