Material Design Colour Palette

material-design-colours.css

.red-50-cl {
  color: #FFEBEE;
}

.red-50-bg {
  background-color: #FFEBEE;
}

.red-100-cl {
  color: #FFCDD2;
}

.red-100-bg {
  background-color: #FFCDD2;
}

.red-200-cl {
  color: #EF9A9A;
}

.red-200-bg {
  background-color: #EF9A9A;
}

.red-300-cl {
  color: #E57373;
}

.red-300-bg {
  background-color: #E57373;
}

.red-400-cl {
  color: #EF5350;
}

.red-400-bg {
  background-color: #EF5350;
}

.red-500-cl {
  color: #F44336;
}

.red-500-bg {
  background-color: #F44336;
}

.red-600-cl {
  color: #E53935;
}

.red-600-bg {
  background-color: #E53935;
}

.red-700-cl {
  color: #D32F2F;
}

.red-700-bg {
  background-color: #D32F2F;
}

.red-800-cl {
  color: #C62828;
}

.red-800-bg {
  background-color: #C62828;
}

.red-900-cl {
  color: #B71C1C;
}

.red-900-bg {
  background-color: #B71C1C;
}

.red-a100-cl {
  color: #FF8A80;
}

.red-a100-bg {
  background-color: #FF8A80;
}

.red-a200-cl {
  color: #FF5252;
}

.red-a200-bg {
  background-color: #FF5252;
}

.red-a400-cl {
  color: #FF1744;
}

.red-a400-bg {
  background-color: #FF1744;
}

.red-a700-cl {
  color: #D50000;
}

.red-a700-bg {
  background-color: #D50000;
}

.pink-50-cl {
  color: #FCE4EC;
}

.pink-50-bg {
  background-color: #FCE4EC;
}

.pink-100-cl {
  color: #F8BBD0;
}

.pink-100-bg {
  background-color: #F8BBD0;
}

.pink-200-cl {
  color: #F48FB1;
}

.pink-200-bg {
  background-color: #F48FB1;
}

.pink-300-cl {
  color: #F06292;
}

.pink-300-bg {
  background-color: #F06292;
}

.pink-400-cl {
  color: #EC407A;
}

.pink-400-bg {
  background-color: #EC407A;
}

.pink-500-cl {
  color: #E91E63;
}

.pink-500-bg {
  background-color: #E91E63;
}

.pink-600-cl {
  color: #D81B60;
}

.pink-600-bg {
  background-color: #D81B60;
}

.pink-700-cl {
  color: #C2185B;
}

.pink-700-bg {
  background-color: #C2185B;
}

.pink-800-cl {
  color: #AD1457;
}

.pink-800-bg {
  background-color: #AD1457;
}

.pink-900-cl {
  color: #880E4F;
}

.pink-900-bg {
  background-color: #880E4F;
}

.pink-a100-cl {
  color: #FF80AB;
}

.pink-a100-bg {
  background-color: #FF80AB;
}

.pink-a200-cl {
  color: #FF4081;
}

.pink-a200-bg {
  background-color: #FF4081;
}

.pink-a400-cl {
  color: #F50057;
}

.pink-a400-bg {
  background-color: #F50057;
}

.pink-a700-cl {
  color: #C51162;
}

.pink-a700-bg {
  background-color: #C51162;
}

.purple-50-cl {
  color: #F3E5F5;
}

.purple-50-bg {
  background-color: #F3E5F5;
}

.purple-100-cl {
  color: #E1BEE7;
}

.purple-100-bg {
  background-color: #E1BEE7;
}

.purple-200-cl {
  color: #CE93D8;
}

.purple-200-bg {
  background-color: #CE93D8;
}

.purple-300-cl {
  color: #BA68C8;
}

.purple-300-bg {
  background-color: #BA68C8;
}

.purple-400-cl {
  color: #AB47BC;
}

.purple-400-bg {
  background-color: #AB47BC;
}

.purple-500-cl {
  color: #9C27B0;
}

.purple-500-bg {
  background-color: #9C27B0;
}

.purple-600-cl {
  color: #8E24AA;
}

.purple-600-bg {
  background-color: #8E24AA;
}

.purple-700-cl {
  color: #7B1FA2;
}

.purple-700-bg {
  background-color: #7B1FA2;
}

.purple-800-cl {
  color: #6A1B9A;
}

.purple-800-bg {
  background-color: #6A1B9A;
}

.purple-900-cl {
  color: #4A148C;
}

.purple-900-bg {
  background-color: #4A148C;
}

.purple-a100-cl {
  color: #EA80FC;
}

.purple-a100-bg {
  background-color: #EA80FC;
}

.purple-a200-cl {
  color: #E040FB;
}

.purple-a200-bg {
  background-color: #E040FB;
}

.purple-a400-cl {
  color: #D500F9;
}

.purple-a400-bg {
  background-color: #D500F9;
}

.purple-a700-cl {
  color: #AA00FF;
}

.purple-a700-bg {
  background-color: #AA00FF;
}

.deep-purple-50-cl {
  color: #EDE7F6;
}

.deep-purple-50-bg {
  background-color: #EDE7F6;
}

.deep-purple-100-cl {
  color: #D1C4E9;
}

.deep-purple-100-bg {
  background-color: #D1C4E9;
}

.deep-purple-200-cl {
  color: #B39DDB;
}

.deep-purple-200-bg {
  background-color: #B39DDB;
}

.deep-purple-300-cl {
  color: #9575CD;
}

.deep-purple-300-bg {
  background-color: #9575CD;
}

.deep-purple-400-cl {
  color: #7E57C2;
}

.deep-purple-400-bg {
  background-color: #7E57C2;
}

.deep-purple-500-cl {
  color: #673AB7;
}

.deep-purple-500-bg {
  background-color: #673AB7;
}

.deep-purple-600-cl {
  color: #5E35B1;
}

.deep-purple-600-bg {
  background-color: #5E35B1;
}

.deep-purple-700-cl {
  color: #512DA8;
}

.deep-purple-700-bg {
  background-color: #512DA8;
}

.deep-purple-800-cl {
  color: #4527A0;
}

.deep-purple-800-bg {
  background-color: #4527A0;
}

.deep-purple-900-cl {
  color: #311B92;
}

.deep-purple-900-bg {
  background-color: #311B92;
}

.deep-purple-a100-cl {
  color: #B388FF;
}

.deep-purple-a100-bg {
  background-color: #B388FF;
}

.deep-purple-a200-cl {
  color: #7C4DFF;
}

.deep-purple-a200-bg {
  background-color: #7C4DFF;
}

.deep-purple-a400-cl {
  color: #651FFF;
}

.deep-purple-a400-bg {
  background-color: #651FFF;
}

.deep-purple-a700-cl {
  color: #6200EA;
}

.deep-purple-a700-bg {
  background-color: #6200EA;
}

.indigo-50-cl {
  color: #E8EAF6;
}

.indigo-50-bg {
  background-color: #E8EAF6;
}

.indigo-100-cl {
  color: #C5CAE9;
}

.indigo-100-bg {
  background-color: #C5CAE9;
}

.indigo-200-cl {
  color: #9FA8DA;
}

.indigo-200-bg {
  background-color: #9FA8DA;
}

.indigo-300-cl {
  color: #7986CB;
}

.indigo-300-bg {
  background-color: #7986CB;
}

.indigo-400-cl {
  color: #5C6BC0;
}

.indigo-400-bg {
  background-color: #5C6BC0;
}

.indigo-500-cl {
  color: #3F51B5;
}

.indigo-500-bg {
  background-color: #3F51B5;
}

.indigo-600-cl {
  color: #3949AB;
}

.indigo-600-bg {
  background-color: #3949AB;
}

.indigo-700-cl {
  color: #303F9F;
}

.indigo-700-bg {
  background-color: #303F9F;
}

.indigo-800-cl {
  color: #283593;
}

.indigo-800-bg {
  background-color: #283593;
}

.indigo-900-cl {
  color: #1A237E;
}

.indigo-900-bg {
  background-color: #1A237E;
}

.indigo-a100-cl {
  color: #8C9EFF;
}

.indigo-a100-bg {
  background-color: #8C9EFF;
}

.indigo-a200-cl {
  color: #536DFE;
}

.indigo-a200-bg {
  background-color: #536DFE;
}

.indigo-a400-cl {
  color: #3D5AFE;
}

.indigo-a400-bg {
  background-color: #3D5AFE;
}

.indigo-a700-cl {
  color: #304FFE;
}

.indigo-a700-bg {
  background-color: #304FFE;
}

.blue-50-cl {
  color: #E3F2FD;
}

.blue-50-bg {
  background-color: #E3F2FD;
}

.blue-100-cl {
  color: #BBDEFB;
}

.blue-100-bg {
  background-color: #BBDEFB;
}

.blue-200-cl {
  color: #90CAF9;
}

.blue-200-bg {
  background-color: #90CAF9;
}

.blue-300-cl {
  color: #64B5F6;
}

.blue-300-bg {
  background-color: #64B5F6;
}

.blue-400-cl {
  color: #42A5F5;
}

.blue-400-bg {
  background-color: #42A5F5;
}

.blue-500-cl {
  color: #2196F3;
}

.blue-500-bg {
  background-color: #2196F3;
}

.blue-600-cl {
  color: #1E88E5;
}

.blue-600-bg {
  background-color: #1E88E5;
}

.blue-700-cl {
  color: #1976D2;
}

.blue-700-bg {
  background-color: #1976D2;
}

.blue-800-cl {
  color: #1565C0;
}

.blue-800-bg {
  background-color: #1565C0;
}

.blue-900-cl {
  color: #0D47A1;
}

.blue-900-bg {
  background-color: #0D47A1;
}

.blue-a100-cl {
  color: #82B1FF;
}

.blue-a100-bg {
  background-color: #82B1FF;
}

.blue-a200-cl {
  color: #448AFF;
}

.blue-a200-bg {
  background-color: #448AFF;
}

.blue-a400-cl {
  color: #2979FF;
}

.blue-a400-bg {
  background-color: #2979FF;
}

.blue-a700-cl {
  color: #2962FF;
}

.blue-a700-bg {
  background-color: #2962FF;
}

.light-blue-50-cl {
  color: #E1F5FE;
}

.light-blue-50-bg {
  background-color: #E1F5FE;
}

.light-blue-100-cl {
  color: #B3E5FC;
}

.light-blue-100-bg {
  background-color: #B3E5FC;
}

.light-blue-200-cl {
  color: #81D4FA;
}

.light-blue-200-bg {
  background-color: #81D4FA;
}

.light-blue-300-cl {
  color: #4FC3F7;
}

.light-blue-300-bg {
  background-color: #4FC3F7;
}

.light-blue-400-cl {
  color: #29B6F6;
}

.light-blue-400-bg {
  background-color: #29B6F6;
}

.light-blue-500-cl {
  color: #03A9F4;
}

.light-blue-500-bg {
  background-color: #03A9F4;
}

.light-blue-600-cl {
  color: #039BE5;
}

.light-blue-600-bg {
  background-color: #039BE5;
}

.light-blue-700-cl {
  color: #0288D1;
}

.light-blue-700-bg {
  background-color: #0288D1;
}

.light-blue-800-cl {
  color: #0277BD;
}

.light-blue-800-bg {
  background-color: #0277BD;
}

.light-blue-900-cl {
  color: #01579B;
}

.light-blue-900-bg {
  background-color: #01579B;
}

.light-blue-a100-cl {
  color: #80D8FF;
}

.light-blue-a100-bg {
  background-color: #80D8FF;
}

.light-blue-a200-cl {
  color: #40C4FF;
}

.light-blue-a200-bg {
  background-color: #40C4FF;
}

.light-blue-a400-cl {
  color: #00B0FF;
}

.light-blue-a400-bg {
  background-color: #00B0FF;
}

.light-blue-a700-cl {
  color: #0091EA;
}

.light-blue-a700-bg {
  background-color: #0091EA;
}

.cyan-50-cl {
  color: #E0F7FA;
}

.cyan-50-bg {
  background-color: #E0F7FA;
}

.cyan-100-cl {
  color: #B2EBF2;
}

.cyan-100-bg {
  background-color: #B2EBF2;
}

.cyan-200-cl {
  color: #80DEEA;
}

.cyan-200-bg {
  background-color: #80DEEA;
}

.cyan-300-cl {
  color: #4DD0E1;
}

.cyan-300-bg {
  background-color: #4DD0E1;
}

.cyan-400-cl {
  color: #26C6DA;
}

.cyan-400-bg {
  background-color: #26C6DA;
}

.cyan-500-cl {
  color: #00BCD4;
}

.cyan-500-bg {
  background-color: #00BCD4;
}

.cyan-600-cl {
  color: #00ACC1;
}

.cyan-600-bg {
  background-color: #00ACC1;
}

.cyan-700-cl {
  color: #0097A7;
}

.cyan-700-bg {
  background-color: #0097A7;
}

.cyan-800-cl {
  color: #00838F;
}

.cyan-800-bg {
  background-color: #00838F;
}

.cyan-900-cl {
  color: #006064;
}

.cyan-900-bg {
  background-color: #006064;
}

.cyan-a100-cl {
  color: #84FFFF;
}

.cyan-a100-bg {
  background-color: #84FFFF;
}

.cyan-a200-cl {
  color: #18FFFF;
}

.cyan-a200-bg {
  background-color: #18FFFF;
}

.cyan-a400-cl {
  color: #00E5FF;
}

.cyan-a400-bg {
  background-color: #00E5FF;
}

.cyan-a700-cl {
  color: #00B8D4;
}

.cyan-a700-bg {
  background-color: #00B8D4;
}

.teal-50-cl {
  color: #E0F2F1;
}

.teal-50-bg {
  background-color: #E0F2F1;
}

.teal-100-cl {
  color: #B2DFDB;
}

.teal-100-bg {
  background-color: #B2DFDB;
}

.teal-200-cl {
  color: #80CBC4;
}

.teal-200-bg {
  background-color: #80CBC4;
}

.teal-300-cl {
  color: #4DB6AC;
}

.teal-300-bg {
  background-color: #4DB6AC;
}

.teal-400-cl {
  color: #26A69A;
}

.teal-400-bg {
  background-color: #26A69A;
}

.teal-500-cl {
  color: #009688;
}

.teal-500-bg {
  background-color: #009688;
}

.teal-600-cl {
  color: #00897B;
}

.teal-600-bg {
  background-color: #00897B;
}

.teal-700-cl {
  color: #00796B;
}

.teal-700-bg {
  background-color: #00796B;
}

.teal-800-cl {
  color: #00695C;
}

.teal-800-bg {
  background-color: #00695C;
}

.teal-900-cl {
  color: #004D40;
}

.teal-900-bg {
  background-color: #004D40;
}

.teal-a100-cl {
  color: #A7FFEB;
}

.teal-a100-bg {
  background-color: #A7FFEB;
}

.teal-a200-cl {
  color: #64FFDA;
}

.teal-a200-bg {
  background-color: #64FFDA;
}

.teal-a400-cl {
  color: #1DE9B6;
}

.teal-a400-bg {
  background-color: #1DE9B6;
}

.teal-a700-cl {
  color: #00BFA5;
}

.teal-a700-bg {
  background-color: #00BFA5;
}

.green-50-cl {
  color: #E8F5E9;
}

.green-50-bg {
  background-color: #E8F5E9;
}

.green-100-cl {
  color: #C8E6C9;
}

.green-100-bg {
  background-color: #C8E6C9;
}

.green-200-cl {
  color: #A5D6A7;
}

.green-200-bg {
  background-color: #A5D6A7;
}

.green-300-cl {
  color: #81C784;
}

.green-300-bg {
  background-color: #81C784;
}

.green-400-cl {
  color: #66BB6A;
}

.green-400-bg {
  background-color: #66BB6A;
}

.green-500-cl {
  color: #4CAF50;
}

.green-500-bg {
  background-color: #4CAF50;
}

.green-600-cl {
  color: #43A047;
}

.green-600-bg {
  background-color: #43A047;
}

.green-700-cl {
  color: #388E3C;
}

.green-700-bg {
  background-color: #388E3C;
}

.green-800-cl {
  color: #2E7D32;
}

.green-800-bg {
  background-color: #2E7D32;
}

.green-900-cl {
  color: #1B5E20;
}

.green-900-bg {
  background-color: #1B5E20;
}

.green-a100-cl {
  color: #B9F6CA;
}

.green-a100-bg {
  background-color: #B9F6CA;
}

.green-a200-cl {
  color: #69F0AE;
}

.green-a200-bg {
  background-color: #69F0AE;
}

.green-a400-cl {
  color: #00E676;
}

.green-a400-bg {
  background-color: #00E676;
}

.green-a700-cl {
  color: #00C853;
}

.green-a700-bg {
  background-color: #00C853;
}

.light-green-50-cl {
  color: #F1F8E9;
}

.light-green-50-bg {
  background-color: #F1F8E9;
}

.light-green-100-cl {
  color: #DCEDC8;
}

.light-green-100-bg {
  background-color: #DCEDC8;
}

.light-green-200-cl {
  color: #C5E1A5;
}

.light-green-200-bg {
  background-color: #C5E1A5;
}

.light-green-300-cl {
  color: #AED581;
}

.light-green-300-bg {
  background-color: #AED581;
}

.light-green-400-cl {
  color: #9CCC65;
}

.light-green-400-bg {
  background-color: #9CCC65;
}

.light-green-500-cl {
  color: #8BC34A;
}

.light-green-500-bg {
  background-color: #8BC34A;
}

.light-green-600-cl {
  color: #7CB342;
}

.light-green-600-bg {
  background-color: #7CB342;
}

.light-green-700-cl {
  color: #689F38;
}

.light-green-700-bg {
  background-color: #689F38;
}

.light-green-800-cl {
  color: #558B2F;
}

.light-green-800-bg {
  background-color: #558B2F;
}

.light-green-900-cl {
  color: #33691E;
}

.light-green-900-bg {
  background-color: #33691E;
}

.light-green-a100-cl {
  color: #CCFF90;
}

.light-green-a100-bg {
  background-color: #CCFF90;
}

.light-green-a200-cl {
  color: #B2FF59;
}

.light-green-a200-bg {
  background-color: #B2FF59;
}

.light-green-a400-cl {
  color: #76FF03;
}

.light-green-a400-bg {
  background-color: #76FF03;
}

.light-green-a700-cl {
  color: #64DD17;
}

.light-green-a700-bg {
  background-color: #64DD17;
}

.lime-50-cl {
  color: #F9FBE7;
}

.lime-50-bg {
  background-color: #F9FBE7;
}

.lime-100-cl {
  color: #F0F4C3;
}

.lime-100-bg {
  background-color: #F0F4C3;
}

.lime-200-cl {
  color: #E6EE9C;
}

.lime-200-bg {
  background-color: #E6EE9C;
}

.lime-300-cl {
  color: #DCE775;
}

.lime-300-bg {
  background-color: #DCE775;
}

.lime-400-cl {
  color: #D4E157;
}

.lime-400-bg {
  background-color: #D4E157;
}

.lime-500-cl {
  color: #CDDC39;
}

.lime-500-bg {
  background-color: #CDDC39;
}

.lime-600-cl {
  color: #C0CA33;
}

.lime-600-bg {
  background-color: #C0CA33;
}

.lime-700-cl {
  color: #AFB42B;
}

.lime-700-bg {
  background-color: #AFB42B;
}

.lime-800-cl {
  color: #9E9D24;
}

.lime-800-bg {
  background-color: #9E9D24;
}

.lime-900-cl {
  color: #827717;
}

.lime-900-bg {
  background-color: #827717;
}

.lime-a100-cl {
  color: #F4FF81;
}

.lime-a100-bg {
  background-color: #F4FF81;
}

.lime-a200-cl {
  color: #EEFF41;
}

.lime-a200-bg {
  background-color: #EEFF41;
}

.lime-a400-cl {
  color: #C6FF00;
}

.lime-a400-bg {
  background-color: #C6FF00;
}

.lime-a700-cl {
  color: #AEEA00;
}

.lime-a700-bg {
  background-color: #AEEA00;
}

.yellow-50-cl {
  color: #FFFDE7;
}

.yellow-50-bg {
  background-color: #FFFDE7;
}

.yellow-100-cl {
  color: #FFF9C4;
}

.yellow-100-bg {
  background-color: #FFF9C4;
}

.yellow-200-cl {
  color: #FFF59D;
}

.yellow-200-bg {
  background-color: #FFF59D;
}

.yellow-300-cl {
  color: #FFF176;
}

.yellow-300-bg {
  background-color: #FFF176;
}

.yellow-400-cl {
  color: #FFEE58;
}

.yellow-400-bg {
  background-color: #FFEE58;
}

.yellow-500-cl {
  color: #FFEB3B;
}

.yellow-500-bg {
  background-color: #FFEB3B;
}

.yellow-600-cl {
  color: #FDD835;
}

.yellow-600-bg {
  background-color: #FDD835;
}

.yellow-700-cl {
  color: #FBC02D;
}

.yellow-700-bg {
  background-color: #FBC02D;
}

.yellow-800-cl {
  color: #F9A825;
}

.yellow-800-bg {
  background-color: #F9A825;
}

.yellow-900-cl {
  color: #F57F17;
}

.yellow-900-bg {
  background-color: #F57F17;
}

.yellow-a100-cl {
  color: #FFFF8D;
}

.yellow-a100-bg {
  background-color: #FFFF8D;
}

.yellow-a200-cl {
  color: #FFFF00;
}

.yellow-a200-bg {
  background-color: #FFFF00;
}

.yellow-a400-cl {
  color: #FFEA00;
}

.yellow-a400-bg {
  background-color: #FFEA00;
}

.yellow-a700-cl {
  color: #FFD600;
}

.yellow-a700-bg {
  background-color: #FFD600;
}

.amber-50-cl {
  color: #FFF8E1;
}

.amber-50-bg {
  background-color: #FFF8E1;
}

.amber-100-cl {
  color: #FFECB3;
}

.amber-100-bg {
  background-color: #FFECB3;
}

.amber-200-cl {
  color: #FFE082;
}

.amber-200-bg {
  background-color: #FFE082;
}

.amber-300-cl {
  color: #FFD54F;
}

.amber-300-bg {
  background-color: #FFD54F;
}

.amber-400-cl {
  color: #FFCA28;
}

.amber-400-bg {
  background-color: #FFCA28;
}

.amber-500-cl {
  color: #FFC107;
}

.amber-500-bg {
  background-color: #FFC107;
}

.amber-600-cl {
  color: #FFB300;
}

.amber-600-bg {
  background-color: #FFB300;
}

.amber-700-cl {
  color: #FFA000;
}

.amber-700-bg {
  background-color: #FFA000;
}

.amber-800-cl {
  color: #FF8F00;
}

.amber-800-bg {
  background-color: #FF8F00;
}

.amber-900-cl {
  color: #FF6F00;
}

.amber-900-bg {
  background-color: #FF6F00;
}

.amber-a100-cl {
  color: #FFE57F;
}

.amber-a100-bg {
  background-color: #FFE57F;
}

.amber-a200-cl {
  color: #FFD740;
}

.amber-a200-bg {
  background-color: #FFD740;
}

.amber-a400-cl {
  color: #FFC400;
}

.amber-a400-bg {
  background-color: #FFC400;
}

.amber-a700-cl {
  color: #FFAB00;
}

.amber-a700-bg {
  background-color: #FFAB00;
}

.orange-50-cl {
  color: #FFF3E0;
}

.orange-50-bg {
  background-color: #FFF3E0;
}

.orange-100-cl {
  color: #FFE0B2;
}

.orange-100-bg {
  background-color: #FFE0B2;
}

.orange-200-cl {
  color: #FFCC80;
}

.orange-200-bg {
  background-color: #FFCC80;
}

.orange-300-cl {
  color: #FFB74D;
}

.orange-300-bg {
  background-color: #FFB74D;
}

.orange-400-cl {
  color: #FFA726;
}

.orange-400-bg {
  background-color: #FFA726;
}

.orange-500-cl {
  color: #FF9800;
}

.orange-500-bg {
  background-color: #FF9800;
}

.orange-600-cl {
  color: #FB8C00;
}

.orange-600-bg {
  background-color: #FB8C00;
}

.orange-700-cl {
  color: #F57C00;
}

.orange-700-bg {
  background-color: #F57C00;
}

.orange-800-cl {
  color: #EF6C00;
}

.orange-800-bg {
  background-color: #EF6C00;
}

.orange-900-cl {
  color: #E65100;
}

.orange-900-bg {
  background-color: #E65100;
}

.orange-a100-cl {
  color: #FFD180;
}

.orange-a100-bg {
  background-color: #FFD180;
}

.orange-a200-cl {
  color: #FFAB40;
}

.orange-a200-bg {
  background-color: #FFAB40;
}

.orange-a400-cl {
  color: #FF9100;
}

.orange-a400-bg {
  background-color: #FF9100;
}

.orange-a700-cl {
  color: #FF6D00;
}

.orange-a700-bg {
  background-color: #FF6D00;
}

.deep-orange-50-cl {
  color: #FBE9E7;
}

.deep-orange-50-bg {
  background-color: #FBE9E7;
}

.deep-orange-100-cl {
  color: #FFCCBC;
}

.deep-orange-100-bg {
  background-color: #FFCCBC;
}

.deep-orange-200-cl {
  color: #FFAB91;
}

.deep-orange-200-bg {
  background-color: #FFAB91;
}

.deep-orange-300-cl {
  color: #FF8A65;
}

.deep-orange-300-bg {
  background-color: #FF8A65;
}

.deep-orange-400-cl {
  color: #FF7043;
}

.deep-orange-400-bg {
  background-color: #FF7043;
}

.deep-orange-500-cl {
  color: #FF5722;
}

.deep-orange-500-bg {
  background-color: #FF5722;
}

.deep-orange-600-cl {
  color: #F4511E;
}

.deep-orange-600-bg {
  background-color: #F4511E;
}

.deep-orange-700-cl {
  color: #E64A19;
}

.deep-orange-700-bg {
  background-color: #E64A19;
}

.deep-orange-800-cl {
  color: #D84315;
}

.deep-orange-800-bg {
  background-color: #D84315;
}

.deep-orange-900-cl {
  color: #BF360C;
}

.deep-orange-900-bg {
  background-color: #BF360C;
}

.deep-orange-a100-cl {
  color: #FF9E80;
}

.deep-orange-a100-bg {
  background-color: #FF9E80;
}

.deep-orange-a200-cl {
  color: #FF6E40;
}

.deep-orange-a200-bg {
  background-color: #FF6E40;
}

.deep-orange-a400-cl {
  color: #FF3D00;
}

.deep-orange-a400-bg {
  background-color: #FF3D00;
}

.deep-orange-a700-cl {
  color: #DD2C00;
}

.deep-orange-a700-bg {
  background-color: #DD2C00;
}

.brown-50-cl {
  color: #EFEBE9;
}

.brown-50-bg {
  background-color: #EFEBE9;
}

.brown-100-cl {
  color: #D7CCC8;
}

.brown-100-bg {
  background-color: #D7CCC8;
}

.brown-200-cl {
  color: #BCAAA4;
}

.brown-200-bg {
  background-color: #BCAAA4;
}

.brown-300-cl {
  color: #A1887F;
}

.brown-300-bg {
  background-color: #A1887F;
}

.brown-400-cl {
  color: #8D6E63;
}

.brown-400-bg {
  background-color: #8D6E63;
}

.brown-500-cl {
  color: #795548;
}

.brown-500-bg {
  background-color: #795548;
}

.brown-600-cl {
  color: #6D4C41;
}

.brown-600-bg {
  background-color: #6D4C41;
}

.brown-700-cl {
  color: #5D4037;
}

.brown-700-bg {
  background-color: #5D4037;
}

.brown-800-cl {
  color: #4E342E;
}

.brown-800-bg {
  background-color: #4E342E;
}

.brown-900-cl {
  color: #3E2723;
}

.brown-900-bg {
  background-color: #3E2723;
}

.grey-50-cl {
  color: #FAFAFA;
}

.grey-50-bg {
  background-color: #FAFAFA;
}

.grey-100-cl {
  color: #F5F5F5;
}

.grey-100-bg {
  background-color: #F5F5F5;
}

.grey-200-cl {
  color: #EEEEEE;
}

.grey-200-bg {
  background-color: #EEEEEE;
}

.grey-300-cl {
  color: #E0E0E0;
}

.grey-300-bg {
  background-color: #E0E0E0;
}

.grey-400-cl {
  color: #BDBDBD;
}

.grey-400-bg {
  background-color: #BDBDBD;
}

.grey-500-cl {
  color: #9E9E9E;
}

.grey-500-bg {
  background-color: #9E9E9E;
}

.grey-600-cl {
  color: #757575;
}

.grey-600-bg {
  background-color: #757575;
}

.grey-700-cl {
  color: #616161;
}

.grey-700-bg {
  background-color: #616161;
}

.grey-800-cl {
  color: #424242;
}

.grey-800-bg {
  background-color: #424242;
}

.grey-900-cl {
  color: #212121;
}

.grey-900-bg {
  background-color: #212121;
}

.blue-grey-50-cl {
  color: #ECEFF1;
}

.blue-grey-50-bg {
  background-color: #ECEFF1;
}

.blue-grey-100-cl {
  color: #CFD8DC;
}

.blue-grey-100-bg {
  background-color: #CFD8DC;
}

.blue-grey-200-cl {
  color: #B0BEC5;
}

.blue-grey-200-bg {
  background-color: #B0BEC5;
}

.blue-grey-300-cl {
  color: #90A4AE;
}

.blue-grey-300-bg {
  background-color: #90A4AE;
}

.blue-grey-400-cl {
  color: #78909C;
}

.blue-grey-400-bg {
  background-color: #78909C;
}

.blue-grey-500-cl {
  color: #607D8B;
}

.blue-grey-500-bg {
  background-color: #607D8B;
}

.blue-grey-600-cl {
  color: #546E7A;
}

.blue-grey-600-bg {
  background-color: #546E7A;
}

.blue-grey-700-cl {
  color: #455A64;
}

.blue-grey-700-bg {
  background-color: #455A64;
}

.blue-grey-800-cl {
  color: #37474F;
}

.blue-grey-800-bg {
  background-color: #37474F;
}

.blue-grey-900-cl {
  color: #263238;
}

.blue-grey-900-bg {
  background-color: #263238;
}

.black-cl {
  color: #000000;
}

.black-bg {
  background-color: #000000;
}

.white-cl {
  color: #FFFFFF;
}

.white-bg {
  background-color: #FFFFFF;
}