Nevermind, I found the solution poking around a little more. What I found it was that it is needed to define .bg-${new-color} and .text-${new-color} and export @css:export. $quaternary = #848586 .text-quaternary color $quaternary .bg-quaternary background-color $quaternary @css:export quaternary $quaternary Then you can use it on .vue files. Thank you.