material-design-colors
Version:
The Google Material Design color palette for Sass and Less
1 lines • 17.8 kB
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:#A0F}.purple-a700-bg{background-color:#A0F}.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}.indog-50-cl{color:#E8EAF6}.indog-50-bg{background-color:#E8EAF6}.indog-100-cl{color:#C5CAE9}.indog-100-bg{background-color:#C5CAE9}.indog-200-cl{color:#9FA8DA}.indog-200-bg{background-color:#9FA8DA}.indog-300-cl{color:#7986CB}.indog-300-bg{background-color:#7986CB}.indog-400-cl{color:#5C6BC0}.indog-400-bg{background-color:#5C6BC0}.indog-500-cl{color:#3F51B5}.indog-500-bg{background-color:#3F51B5}.indog-600-cl{color:#3949AB}.indog-600-bg{background-color:#3949AB}.indog-700-cl{color:#303F9F}.indog-700-bg{background-color:#303F9F}.indog-800-cl{color:#283593}.indog-800-bg{background-color:#283593}.indog-900-cl{color:#1A237E}.indog-900-bg{background-color:#1A237E}.indog-a100-cl{color:#8C9EFF}.indog-a100-bg{background-color:#8C9EFF}.indog-a200-cl{color:#536DFE}.indog-a200-bg{background-color:#536DFE}.indog-a400-cl{color:#3D5AFE}.indog-a400-bg{background-color:#3D5AFE}.indog-a700-cl{color:#304FFE}.indog-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:#FF0}.yellow-a200-bg{background-color:#FF0}.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:#EEE}.grey-200-bg{background-color:#EEE}.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:#000}.black-bg{background-color:#000}.white-cl{color:#FFF}.white-bg{background-color:#FFF}