Input: 4 color values (i.e. Hex)Output: 4 lighter variations of each of the input color values

lighter-color-variation.less

/*
Enter up to 4 colors to create lighter versions
Replace the #fffff values.
*/
@primary-color:#fffff;
@primary-color-75:lighten(@primary-color,%25);
@primary-color-50:lighten(@primary-color,%50);
@primary-color-25:lighten(@primary-color,%75);

@secondary-color:#ffff;
@secondary-color-75:lighten(@secondary-color,%25);
@secondary-color-50:lighten(@secondary-color,%50);
@secondary-color-25:lighten(@secondary-color,%75);

@third-color:#ffff;
@third-color-75:lighten(@third-color,%25);
@third-color-50:lighten(@third-color,%50);
@third-color-25:lighten(@third-color,%75);

@fourth-color:#ffff;
@fourth-color-75:lighten(@fourth-color,%25);
@fourth-color-50:lighten(@fourth-color,%50);
@fourth-color-25:lighten(@fourth-color,%75);