Basic colors

Suave UI have a set of harmonic colors. You can apply these colors using su-c* CSS-class for text and su-bc* for background.

Interaction Elements group

Some elements (like buttons, snackbar or su-select) can apply following classes to change it color: