Use as funções clarear () e escurecer () do Sass para gerenciamento de cores simples.
$main-color: #FF0033;
$main-color-light: lighten($main-color, 10%);
$main-color-lighter: lighten($main-color, 20%);
$main-color-dark: darken($main-color, 10%);
$main-color-darker: darken($main-color, 20%);