Colors 🎨
Video tutorial
Why multiple color palettes?
Every website (or 99% of them) has at least one primary color, used to distinguish its brand, a neutral color, usually used for titles and texts, and possibly some accent colors.
For each of the colors chosen for your palette, you may actually need more shades of that color, creating a dedicated palette. Because you could need more colors than you think.
This is an example of how the organization of color palettes is thought up.
credits: Refactoring UI
In the settings you will find two palettes: one for primary colors and one for neutral ones.
Change primary and neutral colors as you wish.
To generate your own color scale based on a specific color, just use an awesome color generation tool.
Enter a color and click "Go". Your palette will be immediately generated. The selected color will be the 500.
Then copy and paste colors inside your palette.
Need more colors? No problem! Just create a new accent palette and use the same approach! 😉