• I like the $variation usage inside get-color-pallete. 👍
• Reusability: It would be great to encapsulate both @for directives inside a mixin that receives a color and generate classnames, thus you can pass $color even $howManyClassNames you want to generate. This could allow to create multiple color palettes.
• Naming convention: It would be nice to add "lighter" or "darker" to those classnames to know what I'm applying instead of div-8, or div-2. E.g. (red-darker-4 could symbolize the given color - if only one can be created - with 4 darker tones. What do yo think about $color-lighter|darker-$scale?

Overall you did a great job 👏 ! Keep it up!

Edit:

• Remove npm-debug.log and add it to .gitignore to prevent uploading it.
• Add to README.md a "how to use this repo to see your results" It would be:

How to use

1. Clone this repo (You will need to have Node.js installed)
2. Open a command prompt inside project folder.
3. Execute npm install to install dependencies
4. Execute npm run sass to build CSS
5. Execute npm start to see the result (You can open http://localhost:9005 if your browser doesn't open automatically.