Material Design color as a single file of SASS/SCSS variables

material-design-colors.scss

// Material Colors: Red
$color-red-50:           #ffebee;
$color-red-100:          #ffcdd2;
$color-red-200:          #ef9a9a;
$color-red-300:          #e57373;
$color-red-400:          #ef5350;
$color-red-500:          #f44336;
$color-red-600:          #e53935;
$color-red-700:          #d32f2f;
$color-red-800:          #c62828;
$color-red-900:          #b71c1c;
$color-red-a100:         #ff8a80;
$color-red-a200:         #ff5252;
$color-red-a400:         #ff1744;
$color-red-a700:         #d50000;

// Material Colors: Pink
$color-pink-50:          #fce4ec;
$color-pink-100:         #f8bbd0;
$color-pink-200:         #f48fb1;
$color-pink-300:         #f06292;
$color-pink-400:         #ec407a;
$color-pink-500:         #e91e63;
$color-pink-600:         #d81b60;
$color-pink-700:         #c2185b;
$color-pink-800:         #ad1457;
$color-pink-900:         #880e4f;
$color-pink-a100:        #ff80ab;
$color-pink-a200:        #ff4081;
$color-pink-a400:        #f50057;
$color-pink-a700:        #c51162;

// Material Colors: Purple
$color-purple-50:        #f3e5f5;
$color-purple-100:       #e1bee7;
$color-purple-200:       #ce93d8;
$color-purple-300:       #ba68c8;
$color-purple-400:       #ab47bc;
$color-purple-500:       #9c27b0;
$color-purple-600:       #8e24aa;
$color-purple-700:       #7b1fa2;
$color-purple-800:       #6a1b9a;
$color-purple-900:       #4a148c;
$color-purple-a100:      #ea80fc;
$color-purple-a200:      #e040fb;
$color-purple-a400:      #d500f9;
$color-purple-a700:      #aa00ff;

// Material Colors: Deep Purple
$color-deeppurple-50:    #ede7f6;
$color-deeppurple-100:   #d1c4e9;
$color-deeppurple-200:   #b39ddb;
$color-deeppurple-300:   #9575cd;
$color-deeppurple-400:   #7e57c2;
$color-deeppurple-500:   #673ab7;
$color-deeppurple-600:   #5e35b1;
$color-deeppurple-700:   #512da8;
$color-deeppurple-800:   #4527a0;
$color-deeppurple-900:   #311b92;
$color-deeppurple-a100:  #b388ff;
$color-deeppurple-a200:  #7c4dff;
$color-deeppurple-a400:  #651fff;
$color-deeppurple-a700:  #6200ea;

// Material Colors: Indigo
$color-indigo-50:        #e8eaf6;
$color-indigo-100:       #c5cae9;
$color-indigo-200:       #9fa8da;
$color-indigo-300:       #7986cb;
$color-indigo-400:       #5c6bc0;
$color-indigo-500:       #3f51b5;
$color-indigo-600:       #3949ab;
$color-indigo-700:       #303f9f;
$color-indigo-800:       #283593;
$color-indigo-900:       #1a237e;
$color-indigo-a100:      #8c9eff;
$color-indigo-a200:      #536dfe;
$color-indigo-a400:      #3d5afe;
$color-indigo-a700:      #304ffe;

// Material Colors: Blue
$color-blue-50:          #e3f2fd;
$color-blue-100:         #bbdefb;
$color-blue-200:         #90caf9;
$color-blue-300:         #64b5f6;
$color-blue-400:         #42a5f5;
$color-blue-500:         #2196f3;
$color-blue-600:         #1e88e5;
$color-blue-700:         #1976d2;
$color-blue-800:         #1565c0;
$color-blue-900:         #0d47a1;
$color-blue-a100:        #82b1ff;
$color-blue-a200:        #448aff;
$color-blue-a400:        #2979ff;
$color-blue-a700:        #2962ff;

// Material Colors: Light Blue
$color-lightblue-50:     #e1f5fe;
$color-lightblue-100:    #b3e5fc;
$color-lightblue-200:    #81d4fa;
$color-lightblue-300:    #4fc3f7;
$color-lightblue-400:    #29b6f6;
$color-lightblue-500:    #03a9f4;
$color-lightblue-600:    #039be5;
$color-lightblue-700:    #0288d1;
$color-lightblue-800:    #0277bd;
$color-lightblue-900:    #01579b;
$color-lightblue-a100:   #80d8ff;
$color-lightblue-a200:   #40c4ff;
$color-lightblue-a400:   #00b0ff;
$color-lightblue-a700:   #0091ea;

// Material Colors: Cyan
$color-cyan-50:          #e0f7fa;
$color-cyan-100:         #b2ebf2;
$color-cyan-200:         #80deea;
$color-cyan-300:         #4dd0e1;
$color-cyan-400:         #26c6da;
$color-cyan-500:         #00bcd4;
$color-cyan-600:         #00acc1;
$color-cyan-700:         #0097a7;
$color-cyan-800:         #00838f;
$color-cyan-900:         #006064;
$color-cyan-a100:        #84ffff;
$color-cyan-a200:        #18ffff;
$color-cyan-a400:        #00e5ff;
$color-cyan-a700:        #00b8d4;

// Material Colors: Teal
$color-teal-50:          #e0f2f1;
$color-teal-100:         #b2dfdb;
$color-teal-200:         #80cbc4;
$color-teal-300:         #4db6ac;
$color-teal-400:         #26a69a;
$color-teal-500:         #009688;
$color-teal-600:         #00897b;
$color-teal-700:         #00796b;
$color-teal-800:         #00695c;
$color-teal-900:         #004d40;
$color-teal-a100:        #a7ffeb;
$color-teal-a200:        #64ffda;
$color-teal-a400:        #1de9b6;
$color-teal-a700:        #00bfa5;

// Material Colors: Green
$color-green-50:         #e8f5e9;
$color-green-100:        #c8e6c9;
$color-green-200:        #a5d6a7;
$color-green-300:        #81c784;
$color-green-400:        #66bb6a;
$color-green-500:        #4caf50;
$color-green-600:        #43a047;
$color-green-700:        #388e3c;
$color-green-800:        #2e7d32;
$color-green-900:        #1b5e20;
$color-green-a100:       #b9f6ca;
$color-green-a200:       #69f0ae;
$color-green-a400:       #00e676;
$color-green-a700:       #00c853;

// Material Colors: Light Green
$color-lightgreen-50:    #f1f8e9;
$color-lightgreen-100:   #dcedc8;
$color-lightgreen-200:   #c5e1a5;
$color-lightgreen-300:   #aed581;
$color-lightgreen-400:   #9ccc65;
$color-lightgreen-500:   #8bc34a;
$color-lightgreen-600:   #7cb342;
$color-lightgreen-700:   #689f38;
$color-lightgreen-800:   #558b2f;
$color-lightgreen-900:   #33691e;
$color-lightgreen-a100:  #ccff90;
$color-lightgreen-a200:  #b2ff59;
$color-lightgreen-a400:  #76ff03;
$color-lightgreen-a700:  #64dd17;

// Material Colors: Lime
$color-lime-50:          #f9fbe7;
$color-lime-100:         #f0f4c3;
$color-lime-200:         #e6ee9c;
$color-lime-300:         #dce775;
$color-lime-400:         #d4e157;
$color-lime-500:         #cddc39;
$color-lime-600:         #c0ca33;
$color-lime-700:         #afb42b;
$color-lime-800:         #9e9d24;
$color-lime-900:         #827717;
$color-lime-a100:        #f4ff81;
$color-lime-a200:        #eeff41;
$color-lime-a400:        #c6ff00;
$color-lime-a700:        #aeea00;

// Material Colors: Yellow
$color-yellow-50:        #fffde7;
$color-yellow-100:       #fff9c4;
$color-yellow-200:       #fff59d;
$color-yellow-300:       #fff176;
$color-yellow-400:       #ffee58;
$color-yellow-500:       #ffeb3b;
$color-yellow-600:       #fdd835;
$color-yellow-700:       #fbc02d;
$color-yellow-800:       #f9a825;
$color-yellow-900:       #f57f17;
$color-yellow-a100:      #ffff8d;
$color-yellow-a200:      #ffff00;
$color-yellow-a400:      #ffea00;
$color-yellow-a700:      #ffd600;

// Material Colors: Amber
$color-amber-50:         #fff8e1;
$color-amber-100:        #ffecb3;
$color-amber-200:        #ffe082;
$color-amber-300:        #ffd54f;
$color-amber-400:        #ffca28;
$color-amber-500:        #ffc107;
$color-amber-600:        #ffb300;
$color-amber-700:        #ffa000;
$color-amber-800:        #ff8f00;
$color-amber-900:        #ff6f00;
$color-amber-a100:       #ffe57f;
$color-amber-a200:       #ffd740;
$color-amber-a400:       #ffc400;
$color-amber-a700:       #ffab00;

// Material Colors: Orange
$color-orange-50:        #fff3e0;
$color-orange-100:       #ffe0b2;
$color-orange-200:       #ffcc80;
$color-orange-300:       #ffb74d;
$color-orange-400:       #ffa726;
$color-orange-500:       #ff9800;
$color-orange-600:       #fb8c00;
$color-orange-700:       #f57c00;
$color-orange-800:       #ef6c00;
$color-orange-900:       #e65100;
$color-orange-a100:      #ffd180;
$color-orange-a200:      #ffab40;
$color-orange-a400:      #ff9100;
$color-orange-a700:      #ff6d00;

// Material Colors: Deep Orange
$color-deeporange-50:    #fbe9e7;
$color-deeporange-100:   #ffccbc;
$color-deeporange-200:   #ffab91;
$color-deeporange-300:   #ff8a65;
$color-deeporange-400:   #ff7043;
$color-deeporange-500:   #ff5722;
$color-deeporange-600:   #f4511e;
$color-deeporange-700:   #e64a19;
$color-deeporange-800:   #d84315;
$color-deeporange-900:   #bf360c;
$color-deeporange-a100:  #ff9e80;
$color-deeporange-a200:  #ff6e40;
$color-deeporange-a400:  #ff3d00;
$color-deeporange-a700:  #dd2c00;

// Material Colors: Brown
$color-brown-50:         #efebe9;
$color-brown-100:        #d7ccc8;
$color-brown-200:        #bcaaa4;
$color-brown-300:        #a1887f;
$color-brown-400:        #8d6e63;
$color-brown-500:        #795548;
$color-brown-600:        #6d4c41;
$color-brown-700:        #5d4037;
$color-brown-800:        #4e342e;
$color-brown-900:        #3e2723;

// Material Colors: Grey
$color-grey-50:          #fafafa;
$color-grey-100:         #f5f5f5;
$color-grey-200:         #eeeeee;
$color-grey-300:         #e0e0e0;
$color-grey-400:         #bdbdbd;
$color-grey-500:         #9e9e9e;
$color-grey-600:         #757575;
$color-grey-700:         #616161;
$color-grey-800:         #424242;
$color-grey-900:         #212121;
$color-gray-50:          #fafafa;
$color-gray-100:         #f5f5f5;
$color-gray-200:         #eeeeee;
$color-gray-300:         #e0e0e0;
$color-gray-400:         #bdbdbd;
$color-gray-500:         #9e9e9e;
$color-gray-600:         #757575;
$color-gray-700:         #616161;
$color-gray-800:         #424242;
$color-gray-900:         #212121;

// Material Colors: Blue Grey
$color-bluegrey-50:      #eceff1;
$color-bluegrey-100:     #cfd8dc;
$color-bluegrey-200:     #b0bec5;
$color-bluegrey-300:     #90a4ae;
$color-bluegrey-400:     #78909c;
$color-bluegrey-500:     #607d8b;
$color-bluegrey-600:     #546e7a;
$color-bluegrey-700:     #455a64;
$color-bluegrey-800:     #37474f;
$color-bluegrey-900:     #263238;
$color-bluegray-50:      #eceff1;
$color-bluegray-100:     #cfd8dc;
$color-bluegray-200:     #b0bec5;
$color-bluegray-300:     #90a4ae;
$color-bluegray-400:     #78909c;
$color-bluegray-500:     #607d8b;
$color-bluegray-600:     #546e7a;
$color-bluegray-700:     #455a64;
$color-bluegray-800:     #37474f;
$color-bluegray-900:     #263238;