How to extend background colors?

[MAN-Sendance]

Is there a possibility to extend or override background colors (e.g. in styles.scss) or my-theme/theme.scss so that I can use them in templates via

<div class='bg-{mycolor}-{number}'></div>