I hated all the overhead and interfaces out there for making a quick color scheme. Plus, they only gave me colors out, and I wanted some freaking SCSS.

Here we start with a single base color and then use the color spin method and lighten/darken methods to expand this into five colors that go together well. To generate the complementary colors, we “spin” the color wheel 180 degrees, the others are just slight variations on our starting color.

Pick a Base Color:


Complementary Color Scheme


Subtle (Monochromatic) Color Scheme