.red { background-color: $red-500; color: $dark-white; }

.red-50 { background-color:  $red-50;  color: $dark-black; }

.red-100 { background-color: $red-100; color: $dark-black; }

.red-200 { background-color: $red-200; color: $dark-black; }

.red-300 { background-color: $red-300; color: $dark-black; }

.red-400 { background-color: $red-400; color: $dark-black; }

.red-500 { background-color: $red-500; color: $dark-white; }

.red-600 { background-color: $red-600; color: $dark-white; }

.red-700 { background-color: $red-700; color: $dark-white; }

.red-800 { background-color: $red-800; color: $dark-white; }

.red-900 { background-color: $red-900; color: $dark-white; }

.red-A100 { background-color: $red-A100; color: $dark-black; }

.red-A200 { background-color: $red-A200; color: $dark-white; }

.red-A400 { background-color: $red-A400; color: $dark-white; }

.red-A700 { background-color: $red-A700; color: $dark-white; }

​

.pink { background-color:     $pink-500; color: $dark-white; }

.pink-50 { background-color:  $pink-50;  color: $dark-black; }

.pink-100 { background-color: $pink-100; color: $dark-black; }

.pink-200 { background-color: $pink-200; color: $dark-black; }

.pink-300 { background-color: $pink-300; color: $dark-black; }

.pink-400 { background-color: $pink-400; color: $dark-black; }

.pink-500 { background-color: $pink-500; color: $dark-white; }

.pink-600 { background-color: $pink-600; color: $dark-white; }

.pink-700 { background-color: $pink-700; color: $dark-white; }

.pink-800 { background-color: $pink-800; color: $dark-white; }

.pink-900 { background-color: $pink-900; color: $dark-white; }

.pink-A100 { background-color: $pink-A100; color: $dark-black; }

.pink-A200 { background-color: $pink-A200; color: $dark-white; }

.pink-A400 { background-color: $pink-A400; color: $dark-white; }

.pink-A700 { background-color: $pink-A700; color: $dark-white; }

​

.purple { background-color: $purple-500; color: $dark-white; }

.purple-50 { background-color: $purple-50; color: $dark-black; }

.purple-100 { background-color: $purple-100; color: $dark-black; }

.purple-200 { background-color: $purple-200; color: $dark-black; }

.purple-300 { background-color: $purple-300; color: $dark-white; }

.purple-400 { background-color: $purple-400; color: $dark-white; }

.purple-500 { background-color: $purple-500; color: $dark-white; }

.purple-600 { background-color: $purple-600; color: $dark-white; }

.purple-700 { background-color: $purple-700; color: $dark-white; }

.purple-800 { background-color: $purple-800; color: $dark-white; }

.purple-900 { background-color: $purple-900; color: $dark-white; }