We have make light color based on our default color:

• .bg-primary .bg-lighten-{1,2,3,4,5}
• .bg-success .bg-lighten-{1,2,3,4,5}
• .bg-danger .bg-lighten-{1,2,3,4,5}
• .bg-warning .bg-lighten-{1,2,3,4,5}
• .bg-info .bg-lighten-{1,2,3,4,5}

For each color, we think has its functionality in the application as alerts of errors (danger), warnings to the user (warning), communications of approval (success), or main color of the application (primary).