SCSS Color Palette Generator
Generate an entire monochromatic palette from a single base color using a loop.
SCSS
$base-blue: #3498db;
@for $i from 1 through 5 {
.bg-primary-#{$i * 100} {
background-color: lighten($base-blue, $i * 10%);
}
}