Last active
August 29, 2015 14:15
-
-
Save galengidman/256537d70244cb27bd0d to your computer and use it in GitHub Desktop.
Material Design Color Varaibles
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mdc-red-50: #ffebee; | |
| @mdc-red-100: #ffcdd2; | |
| @mdc-red-200: #ef9a9a; | |
| @mdc-red-300: #e57373; | |
| @mdc-red-400: #ef5350; | |
| @mdc-red-500: #f44336; | |
| @mdc-red-600: #e53935; | |
| @mdc-red-700: #d32f2f; | |
| @mdc-red-800: #c62828; | |
| @mdc-red-900: #b71c1c; | |
| @mdc-red-a100: #ff8a80; | |
| @mdc-red-a200: #ff5252; | |
| @mdc-red-a400: #ff1744; | |
| @mdc-red-a700: #d50000; | |
| @mdc-pink-50: #fce4ec; | |
| @mdc-pink-100: #f8bbd0; | |
| @mdc-pink-200: #f48fb1; | |
| @mdc-pink-300: #f06292; | |
| @mdc-pink-400: #ec407a; | |
| @mdc-pink-500: #e91e63; | |
| @mdc-pink-600: #d81b60; | |
| @mdc-pink-700: #c2185b; | |
| @mdc-pink-800: #ad1457; | |
| @mdc-pink-900: #880e4f; | |
| @mdc-pink-a100: #ff80ab; | |
| @mdc-pink-a200: #ff4081; | |
| @mdc-pink-a400: #f50057; | |
| @mdc-pink-a700: #c51162; | |
| @mdc-purple-50: #f3e5f5; | |
| @mdc-purple-100: #e1bee7; | |
| @mdc-purple-200: #ce93d8; | |
| @mdc-purple-300: #ba68c8; | |
| @mdc-purple-400: #ab47bc; | |
| @mdc-purple-500: #9c27b0; | |
| @mdc-purple-600: #8e24aa; | |
| @mdc-purple-700: #7b1fa2; | |
| @mdc-purple-800: #6a1b9a; | |
| @mdc-purple-900: #4a148c; | |
| @mdc-purple-a100: #ea80fc; | |
| @mdc-purple-a200: #e040fb; | |
| @mdc-purple-a400: #d500f9; | |
| @mdc-purple-a700: #aa00ff; | |
| @mdc-deep-purple-50: #ede7f6; | |
| @mdc-deep-purple-100: #d1c4e9; | |
| @mdc-deep-purple-200: #b39ddb; | |
| @mdc-deep-purple-300: #9575cd; | |
| @mdc-deep-purple-400: #7e57c2; | |
| @mdc-deep-purple-500: #673ab7; | |
| @mdc-deep-purple-600: #5e35b1; | |
| @mdc-deep-purple-700: #512da8; | |
| @mdc-deep-purple-800: #4527a0; | |
| @mdc-deep-purple-900: #311b92; | |
| @mdc-deep-purple-a100: #b388ff; | |
| @mdc-deep-purple-a200: #7c4dff; | |
| @mdc-deep-purple-a400: #651fff; | |
| @mdc-deep-purple-a700: #6200ea; | |
| @mdc-indigo-50: #e8eaf6; | |
| @mdc-indigo-100: #c5cae9; | |
| @mdc-indigo-200: #9fa8da; | |
| @mdc-indigo-300: #7986cb; | |
| @mdc-indigo-400: #5c6bc0; | |
| @mdc-indigo-500: #3f51b5; | |
| @mdc-indigo-600: #3949ab; | |
| @mdc-indigo-700: #303f9f; | |
| @mdc-indigo-800: #283593; | |
| @mdc-indigo-900: #1a237e; | |
| @mdc-indigo-a100: #8c9eff; | |
| @mdc-indigo-a200: #536dfe; | |
| @mdc-indigo-a400: #3d5afe; | |
| @mdc-indigo-a700: #304ffe; | |
| @mdc-blue-50: #e3f2fd; | |
| @mdc-blue-100: #bbdefb; | |
| @mdc-blue-200: #90caf9; | |
| @mdc-blue-300: #64b5f6; | |
| @mdc-blue-400: #42a5f5; | |
| @mdc-blue-500: #2196f3; | |
| @mdc-blue-600: #1e88e5; | |
| @mdc-blue-700: #1976d2; | |
| @mdc-blue-800: #1565c0; | |
| @mdc-blue-900: #0d47a1; | |
| @mdc-blue-a100: #82b1ff; | |
| @mdc-blue-a200: #448aff; | |
| @mdc-blue-a400: #2979ff; | |
| @mdc-blue-a700: #2962ff; | |
| @mdc-light-blue-50: #e1f5fe; | |
| @mdc-light-blue-100: #b3e5fc; | |
| @mdc-light-blue-200: #81d4fa; | |
| @mdc-light-blue-300: #4fc3f7; | |
| @mdc-light-blue-400: #29b6f6; | |
| @mdc-light-blue-500: #03a9f4; | |
| @mdc-light-blue-600: #039be5; | |
| @mdc-light-blue-700: #0288d1; | |
| @mdc-light-blue-800: #0277bd; | |
| @mdc-light-blue-900: #01579b; | |
| @mdc-light-blue-a100: #80d8ff; | |
| @mdc-light-blue-a200: #40c4ff; | |
| @mdc-light-blue-a400: #00b0ff; | |
| @mdc-light-blue-a700: #0091ea; | |
| @mdc-cyan-50: #e0f7fa; | |
| @mdc-cyan-100: #b2ebf2; | |
| @mdc-cyan-200: #80deea; | |
| @mdc-cyan-300: #4dd0e1; | |
| @mdc-cyan-400: #26c6da; | |
| @mdc-cyan-500: #00bcd4; | |
| @mdc-cyan-600: #00acc1; | |
| @mdc-cyan-700: #0097a7; | |
| @mdc-cyan-800: #00838f; | |
| @mdc-cyan-900: #006064; | |
| @mdc-cyan-a100: #84ffff; | |
| @mdc-cyan-a200: #18ffff; | |
| @mdc-cyan-a400: #00e5ff; | |
| @mdc-cyan-a700: #00b8d4; | |
| @mdc-teal-50: #e0f2f1; | |
| @mdc-teal-100: #b2dfdb; | |
| @mdc-teal-200: #80cbc4; | |
| @mdc-teal-300: #4db6ac; | |
| @mdc-teal-400: #26a69a; | |
| @mdc-teal-500: #009688; | |
| @mdc-teal-600: #00897b; | |
| @mdc-teal-700: #00796b; | |
| @mdc-teal-800: #00695c; | |
| @mdc-teal-900: #004d40; | |
| @mdc-teal-a100: #a7ffeb; | |
| @mdc-teal-a200: #64ffda; | |
| @mdc-teal-a400: #1de9b6; | |
| @mdc-teal-a700: #00bfa5; | |
| @mdc-green-50: #e8f5e9; | |
| @mdc-green-100: #c8e6c9; | |
| @mdc-green-200: #a5d6a7; | |
| @mdc-green-300: #81c784; | |
| @mdc-green-400: #66bb6a; | |
| @mdc-green-500: #4caf50; | |
| @mdc-green-600: #43a047; | |
| @mdc-green-700: #388e3c; | |
| @mdc-green-800: #2e7d32; | |
| @mdc-green-900: #1b5e20; | |
| @mdc-green-a100: #b9f6ca; | |
| @mdc-green-a200: #69f0ae; | |
| @mdc-green-a400: #00e676; | |
| @mdc-green-a700: #00c853; | |
| @mdc-light-gree-50: #f1f8e9; | |
| @mdc-light-gree-100: #dcedc8; | |
| @mdc-light-gree-200: #c5e1a5; | |
| @mdc-light-gree-300: #aed581; | |
| @mdc-light-gree-400: #9ccc65; | |
| @mdc-light-gree-500: #8bc34a; | |
| @mdc-light-gree-600: #7cb342; | |
| @mdc-light-gree-700: #689f38; | |
| @mdc-light-gree-800: #558b2f; | |
| @mdc-light-gree-900: #33691e; | |
| @mdc-light-gree-a100: #ccff90; | |
| @mdc-light-gree-a200: #b2ff59; | |
| @mdc-light-gree-a400: #76ff03; | |
| @mdc-light-gree-a700: #64dd17; | |
| @mdc-lime-50: #f9fbe7; | |
| @mdc-lime-100: #f0f4c3; | |
| @mdc-lime-200: #e6ee9c; | |
| @mdc-lime-300: #dce775; | |
| @mdc-lime-400: #d4e157; | |
| @mdc-lime-500: #cddc39; | |
| @mdc-lime-600: #c0ca33; | |
| @mdc-lime-700: #afb42b; | |
| @mdc-lime-800: #9e9d24; | |
| @mdc-lime-900: #827717; | |
| @mdc-lime-a100: #f4ff81; | |
| @mdc-lime-a200: #eeff41; | |
| @mdc-lime-a400: #c6ff00; | |
| @mdc-lime-a700: #aeea00; | |
| @mdc-yellow-50: #fffde7; | |
| @mdc-yellow-100: #fff9c4; | |
| @mdc-yellow-200: #fff59d; | |
| @mdc-yellow-300: #fff176; | |
| @mdc-yellow-400: #ffee58; | |
| @mdc-yellow-500: #ffeb3b; | |
| @mdc-yellow-600: #fdd835; | |
| @mdc-yellow-700: #fbc02d; | |
| @mdc-yellow-800: #f9a825; | |
| @mdc-yellow-900: #f57f17; | |
| @mdc-yellow-a100: #ffff8d; | |
| @mdc-yellow-a200: #ffff00; | |
| @mdc-yellow-a400: #ffea00; | |
| @mdc-yellow-a700: #ffd600; | |
| @mdc-amber-50: #fff8e1; | |
| @mdc-amber-100: #ffecb3; | |
| @mdc-amber-200: #ffe082; | |
| @mdc-amber-300: #ffd54f; | |
| @mdc-amber-400: #ffca28; | |
| @mdc-amber-500: #ffc107; | |
| @mdc-amber-600: #ffb300; | |
| @mdc-amber-700: #ffa000; | |
| @mdc-amber-800: #ff8f00; | |
| @mdc-amber-900: #ff6f00; | |
| @mdc-amber-a100: #ffe57f; | |
| @mdc-amber-a200: #ffd740; | |
| @mdc-amber-a400: #ffc400; | |
| @mdc-amber-a700: #ffab00; | |
| @mdc-orange-50: #fff3e0; | |
| @mdc-orange-100: #ffe0b2; | |
| @mdc-orange-200: #ffcc80; | |
| @mdc-orange-300: #ffb74d; | |
| @mdc-orange-400: #ffa726; | |
| @mdc-orange-500: #ff9800; | |
| @mdc-orange-600: #fb8c00; | |
| @mdc-orange-700: #f57c00; | |
| @mdc-orange-800: #ef6c00; | |
| @mdc-orange-900: #e65100; | |
| @mdc-orange-a100: #ffd180; | |
| @mdc-orange-a200: #ffab40; | |
| @mdc-orange-a400: #ff9100; | |
| @mdc-orange-a700: #ff6d00; | |
| @mdc-deep-orange-50: #fbe9e7; | |
| @mdc-deep-orange-100: #ffccbc; | |
| @mdc-deep-orange-200: #ffab91; | |
| @mdc-deep-orange-300: #ff8a65; | |
| @mdc-deep-orange-400: #ff7043; | |
| @mdc-deep-orange-500: #ff5722; | |
| @mdc-deep-orange-600: #f4511e; | |
| @mdc-deep-orange-700: #e64a19; | |
| @mdc-deep-orange-800: #d84315; | |
| @mdc-deep-orange-900: #bf360c; | |
| @mdc-deep-orange-a100: #ff9e80; | |
| @mdc-deep-orange-a200: #ff6e40; | |
| @mdc-deep-orange-a400: #ff3d00; | |
| @mdc-deep-orange-a700: #dd2c00; | |
| @mdc-brown-50: #efebe9; | |
| @mdc-brown-100: #d7ccc8; | |
| @mdc-brown-200: #bcaaa4; | |
| @mdc-brown-300: #a1887f; | |
| @mdc-brown-400: #8d6e63; | |
| @mdc-brown-500: #795548; | |
| @mdc-brown-600: #6d4c41; | |
| @mdc-brown-700: #5d4037; | |
| @mdc-brown-800: #4e342e; | |
| @mdc-brown-900: #3e2723; | |
| @mdc-gray-50: #fafafa; | |
| @mdc-gray-100: #f5f5f5; | |
| @mdc-gray-200: #eeeeee; | |
| @mdc-gray-300: #e0e0e0; | |
| @mdc-gray-400: #bdbdbd; | |
| @mdc-gray-500: #9e9e9e; | |
| @mdc-gray-600: #757575; | |
| @mdc-gray-700: #616161; | |
| @mdc-gray-800: #424242; | |
| @mdc-gray-900: #212121; | |
| @mdc-blue-gray-50: #eceff1; | |
| @mdc-blue-gray-100: #cfd8dc; | |
| @mdc-blue-gray-200: #b0bec5; | |
| @mdc-blue-gray-300: #90a4ae; | |
| @mdc-blue-gray-400: #78909c; | |
| @mdc-blue-gray-500: #607d8b; | |
| @mdc-blue-gray-600: #546e7a; | |
| @mdc-blue-gray-700: #455a64; | |
| @mdc-blue-gray-800: #37474f; | |
| @mdc-blue-gray-900: #263238; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| mdc-red-50 = #ffebee | |
| mdc-red-100 = #ffcdd2 | |
| mdc-red-200 = #ef9a9a | |
| mdc-red-300 = #e57373 | |
| mdc-red-400 = #ef5350 | |
| mdc-red-500 = #f44336 | |
| mdc-red-600 = #e53935 | |
| mdc-red-700 = #d32f2f | |
| mdc-red-800 = #c62828 | |
| mdc-red-900 = #b71c1c | |
| mdc-red-a100 = #ff8a80 | |
| mdc-red-a200 = #ff5252 | |
| mdc-red-a400 = #ff1744 | |
| mdc-red-a700 = #d50000 | |
| mdc-pink-50 = #fce4ec | |
| mdc-pink-100 = #f8bbd0 | |
| mdc-pink-200 = #f48fb1 | |
| mdc-pink-300 = #f06292 | |
| mdc-pink-400 = #ec407a | |
| mdc-pink-500 = #e91e63 | |
| mdc-pink-600 = #d81b60 | |
| mdc-pink-700 = #c2185b | |
| mdc-pink-800 = #ad1457 | |
| mdc-pink-900 = #880e4f | |
| mdc-pink-a100 = #ff80ab | |
| mdc-pink-a200 = #ff4081 | |
| mdc-pink-a400 = #f50057 | |
| mdc-pink-a700 = #c51162 | |
| mdc-purple-50 = #f3e5f5 | |
| mdc-purple-100 = #e1bee7 | |
| mdc-purple-200 = #ce93d8 | |
| mdc-purple-300 = #ba68c8 | |
| mdc-purple-400 = #ab47bc | |
| mdc-purple-500 = #9c27b0 | |
| mdc-purple-600 = #8e24aa | |
| mdc-purple-700 = #7b1fa2 | |
| mdc-purple-800 = #6a1b9a | |
| mdc-purple-900 = #4a148c | |
| mdc-purple-a100 = #ea80fc | |
| mdc-purple-a200 = #e040fb | |
| mdc-purple-a400 = #d500f9 | |
| mdc-purple-a700 = #aa00ff | |
| mdc-deep-purple-50 = #ede7f6 | |
| mdc-deep-purple-100 = #d1c4e9 | |
| mdc-deep-purple-200 = #b39ddb | |
| mdc-deep-purple-300 = #9575cd | |
| mdc-deep-purple-400 = #7e57c2 | |
| mdc-deep-purple-500 = #673ab7 | |
| mdc-deep-purple-600 = #5e35b1 | |
| mdc-deep-purple-700 = #512da8 | |
| mdc-deep-purple-800 = #4527a0 | |
| mdc-deep-purple-900 = #311b92 | |
| mdc-deep-purple-a100 = #b388ff | |
| mdc-deep-purple-a200 = #7c4dff | |
| mdc-deep-purple-a400 = #651fff | |
| mdc-deep-purple-a700 = #6200ea | |
| mdc-indigo-50 = #e8eaf6 | |
| mdc-indigo-100 = #c5cae9 | |
| mdc-indigo-200 = #9fa8da | |
| mdc-indigo-300 = #7986cb | |
| mdc-indigo-400 = #5c6bc0 | |
| mdc-indigo-500 = #3f51b5 | |
| mdc-indigo-600 = #3949ab | |
| mdc-indigo-700 = #303f9f | |
| mdc-indigo-800 = #283593 | |
| mdc-indigo-900 = #1a237e | |
| mdc-indigo-a100 = #8c9eff | |
| mdc-indigo-a200 = #536dfe | |
| mdc-indigo-a400 = #3d5afe | |
| mdc-indigo-a700 = #304ffe | |
| mdc-blue-50 = #e3f2fd | |
| mdc-blue-100 = #bbdefb | |
| mdc-blue-200 = #90caf9 | |
| mdc-blue-300 = #64b5f6 | |
| mdc-blue-400 = #42a5f5 | |
| mdc-blue-500 = #2196f3 | |
| mdc-blue-600 = #1e88e5 | |
| mdc-blue-700 = #1976d2 | |
| mdc-blue-800 = #1565c0 | |
| mdc-blue-900 = #0d47a1 | |
| mdc-blue-a100 = #82b1ff | |
| mdc-blue-a200 = #448aff | |
| mdc-blue-a400 = #2979ff | |
| mdc-blue-a700 = #2962ff | |
| mdc-light-blue-50 = #e1f5fe | |
| mdc-light-blue-100 = #b3e5fc | |
| mdc-light-blue-200 = #81d4fa | |
| mdc-light-blue-300 = #4fc3f7 | |
| mdc-light-blue-400 = #29b6f6 | |
| mdc-light-blue-500 = #03a9f4 | |
| mdc-light-blue-600 = #039be5 | |
| mdc-light-blue-700 = #0288d1 | |
| mdc-light-blue-800 = #0277bd | |
| mdc-light-blue-900 = #01579b | |
| mdc-light-blue-a100 = #80d8ff | |
| mdc-light-blue-a200 = #40c4ff | |
| mdc-light-blue-a400 = #00b0ff | |
| mdc-light-blue-a700 = #0091ea | |
| mdc-cyan-50 = #e0f7fa | |
| mdc-cyan-100 = #b2ebf2 | |
| mdc-cyan-200 = #80deea | |
| mdc-cyan-300 = #4dd0e1 | |
| mdc-cyan-400 = #26c6da | |
| mdc-cyan-500 = #00bcd4 | |
| mdc-cyan-600 = #00acc1 | |
| mdc-cyan-700 = #0097a7 | |
| mdc-cyan-800 = #00838f | |
| mdc-cyan-900 = #006064 | |
| mdc-cyan-a100 = #84ffff | |
| mdc-cyan-a200 = #18ffff | |
| mdc-cyan-a400 = #00e5ff | |
| mdc-cyan-a700 = #00b8d4 | |
| mdc-teal-50 = #e0f2f1 | |
| mdc-teal-100 = #b2dfdb | |
| mdc-teal-200 = #80cbc4 | |
| mdc-teal-300 = #4db6ac | |
| mdc-teal-400 = #26a69a | |
| mdc-teal-500 = #009688 | |
| mdc-teal-600 = #00897b | |
| mdc-teal-700 = #00796b | |
| mdc-teal-800 = #00695c | |
| mdc-teal-900 = #004d40 | |
| mdc-teal-a100 = #a7ffeb | |
| mdc-teal-a200 = #64ffda | |
| mdc-teal-a400 = #1de9b6 | |
| mdc-teal-a700 = #00bfa5 | |
| mdc-green-50 = #e8f5e9 | |
| mdc-green-100 = #c8e6c9 | |
| mdc-green-200 = #a5d6a7 | |
| mdc-green-300 = #81c784 | |
| mdc-green-400 = #66bb6a | |
| mdc-green-500 = #4caf50 | |
| mdc-green-600 = #43a047 | |
| mdc-green-700 = #388e3c | |
| mdc-green-800 = #2e7d32 | |
| mdc-green-900 = #1b5e20 | |
| mdc-green-a100 = #b9f6ca | |
| mdc-green-a200 = #69f0ae | |
| mdc-green-a400 = #00e676 | |
| mdc-green-a700 = #00c853 | |
| mdc-light-gree-50 = #f1f8e9 | |
| mdc-light-gree-100 = #dcedc8 | |
| mdc-light-gree-200 = #c5e1a5 | |
| mdc-light-gree-300 = #aed581 | |
| mdc-light-gree-400 = #9ccc65 | |
| mdc-light-gree-500 = #8bc34a | |
| mdc-light-gree-600 = #7cb342 | |
| mdc-light-gree-700 = #689f38 | |
| mdc-light-gree-800 = #558b2f | |
| mdc-light-gree-900 = #33691e | |
| mdc-light-gree-a100 = #ccff90 | |
| mdc-light-gree-a200 = #b2ff59 | |
| mdc-light-gree-a400 = #76ff03 | |
| mdc-light-gree-a700 = #64dd17 | |
| mdc-lime-50 = #f9fbe7 | |
| mdc-lime-100 = #f0f4c3 | |
| mdc-lime-200 = #e6ee9c | |
| mdc-lime-300 = #dce775 | |
| mdc-lime-400 = #d4e157 | |
| mdc-lime-500 = #cddc39 | |
| mdc-lime-600 = #c0ca33 | |
| mdc-lime-700 = #afb42b | |
| mdc-lime-800 = #9e9d24 | |
| mdc-lime-900 = #827717 | |
| mdc-lime-a100 = #f4ff81 | |
| mdc-lime-a200 = #eeff41 | |
| mdc-lime-a400 = #c6ff00 | |
| mdc-lime-a700 = #aeea00 | |
| mdc-yellow-50 = #fffde7 | |
| mdc-yellow-100 = #fff9c4 | |
| mdc-yellow-200 = #fff59d | |
| mdc-yellow-300 = #fff176 | |
| mdc-yellow-400 = #ffee58 | |
| mdc-yellow-500 = #ffeb3b | |
| mdc-yellow-600 = #fdd835 | |
| mdc-yellow-700 = #fbc02d | |
| mdc-yellow-800 = #f9a825 | |
| mdc-yellow-900 = #f57f17 | |
| mdc-yellow-a100 = #ffff8d | |
| mdc-yellow-a200 = #ffff00 | |
| mdc-yellow-a400 = #ffea00 | |
| mdc-yellow-a700 = #ffd600 | |
| mdc-amber-50 = #fff8e1 | |
| mdc-amber-100 = #ffecb3 | |
| mdc-amber-200 = #ffe082 | |
| mdc-amber-300 = #ffd54f | |
| mdc-amber-400 = #ffca28 | |
| mdc-amber-500 = #ffc107 | |
| mdc-amber-600 = #ffb300 | |
| mdc-amber-700 = #ffa000 | |
| mdc-amber-800 = #ff8f00 | |
| mdc-amber-900 = #ff6f00 | |
| mdc-amber-a100 = #ffe57f | |
| mdc-amber-a200 = #ffd740 | |
| mdc-amber-a400 = #ffc400 | |
| mdc-amber-a700 = #ffab00 | |
| mdc-orange-50 = #fff3e0 | |
| mdc-orange-100 = #ffe0b2 | |
| mdc-orange-200 = #ffcc80 | |
| mdc-orange-300 = #ffb74d | |
| mdc-orange-400 = #ffa726 | |
| mdc-orange-500 = #ff9800 | |
| mdc-orange-600 = #fb8c00 | |
| mdc-orange-700 = #f57c00 | |
| mdc-orange-800 = #ef6c00 | |
| mdc-orange-900 = #e65100 | |
| mdc-orange-a100 = #ffd180 | |
| mdc-orange-a200 = #ffab40 | |
| mdc-orange-a400 = #ff9100 | |
| mdc-orange-a700 = #ff6d00 | |
| mdc-deep-orange-50 = #fbe9e7 | |
| mdc-deep-orange-100 = #ffccbc | |
| mdc-deep-orange-200 = #ffab91 | |
| mdc-deep-orange-300 = #ff8a65 | |
| mdc-deep-orange-400 = #ff7043 | |
| mdc-deep-orange-500 = #ff5722 | |
| mdc-deep-orange-600 = #f4511e | |
| mdc-deep-orange-700 = #e64a19 | |
| mdc-deep-orange-800 = #d84315 | |
| mdc-deep-orange-900 = #bf360c | |
| mdc-deep-orange-a100 = #ff9e80 | |
| mdc-deep-orange-a200 = #ff6e40 | |
| mdc-deep-orange-a400 = #ff3d00 | |
| mdc-deep-orange-a700 = #dd2c00 | |
| mdc-brown-50 = #efebe9 | |
| mdc-brown-100 = #d7ccc8 | |
| mdc-brown-200 = #bcaaa4 | |
| mdc-brown-300 = #a1887f | |
| mdc-brown-400 = #8d6e63 | |
| mdc-brown-500 = #795548 | |
| mdc-brown-600 = #6d4c41 | |
| mdc-brown-700 = #5d4037 | |
| mdc-brown-800 = #4e342e | |
| mdc-brown-900 = #3e2723 | |
| mdc-gray-50 = #fafafa | |
| mdc-gray-100 = #f5f5f5 | |
| mdc-gray-200 = #eeeeee | |
| mdc-gray-300 = #e0e0e0 | |
| mdc-gray-400 = #bdbdbd | |
| mdc-gray-500 = #9e9e9e | |
| mdc-gray-600 = #757575 | |
| mdc-gray-700 = #616161 | |
| mdc-gray-800 = #424242 | |
| mdc-gray-900 = #212121 | |
| mdc-blue-gray-50 = #eceff1 | |
| mdc-blue-gray-100 = #cfd8dc | |
| mdc-blue-gray-200 = #b0bec5 | |
| mdc-blue-gray-300 = #90a4ae | |
| mdc-blue-gray-400 = #78909c | |
| mdc-blue-gray-500 = #607d8b | |
| mdc-blue-gray-600 = #546e7a | |
| mdc-blue-gray-700 = #455a64 | |
| mdc-blue-gray-800 = #37474f | |
| mdc-blue-gray-900 = #263238 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $mdc-red-50: #ffebee; | |
| $mdc-red-100: #ffcdd2; | |
| $mdc-red-200: #ef9a9a; | |
| $mdc-red-300: #e57373; | |
| $mdc-red-400: #ef5350; | |
| $mdc-red-500: #f44336; | |
| $mdc-red-600: #e53935; | |
| $mdc-red-700: #d32f2f; | |
| $mdc-red-800: #c62828; | |
| $mdc-red-900: #b71c1c; | |
| $mdc-red-a100: #ff8a80; | |
| $mdc-red-a200: #ff5252; | |
| $mdc-red-a400: #ff1744; | |
| $mdc-red-a700: #d50000; | |
| $mdc-pink-50: #fce4ec; | |
| $mdc-pink-100: #f8bbd0; | |
| $mdc-pink-200: #f48fb1; | |
| $mdc-pink-300: #f06292; | |
| $mdc-pink-400: #ec407a; | |
| $mdc-pink-500: #e91e63; | |
| $mdc-pink-600: #d81b60; | |
| $mdc-pink-700: #c2185b; | |
| $mdc-pink-800: #ad1457; | |
| $mdc-pink-900: #880e4f; | |
| $mdc-pink-a100: #ff80ab; | |
| $mdc-pink-a200: #ff4081; | |
| $mdc-pink-a400: #f50057; | |
| $mdc-pink-a700: #c51162; | |
| $mdc-purple-50: #f3e5f5; | |
| $mdc-purple-100: #e1bee7; | |
| $mdc-purple-200: #ce93d8; | |
| $mdc-purple-300: #ba68c8; | |
| $mdc-purple-400: #ab47bc; | |
| $mdc-purple-500: #9c27b0; | |
| $mdc-purple-600: #8e24aa; | |
| $mdc-purple-700: #7b1fa2; | |
| $mdc-purple-800: #6a1b9a; | |
| $mdc-purple-900: #4a148c; | |
| $mdc-purple-a100: #ea80fc; | |
| $mdc-purple-a200: #e040fb; | |
| $mdc-purple-a400: #d500f9; | |
| $mdc-purple-a700: #aa00ff; | |
| $mdc-deep-purple-50: #ede7f6; | |
| $mdc-deep-purple-100: #d1c4e9; | |
| $mdc-deep-purple-200: #b39ddb; | |
| $mdc-deep-purple-300: #9575cd; | |
| $mdc-deep-purple-400: #7e57c2; | |
| $mdc-deep-purple-500: #673ab7; | |
| $mdc-deep-purple-600: #5e35b1; | |
| $mdc-deep-purple-700: #512da8; | |
| $mdc-deep-purple-800: #4527a0; | |
| $mdc-deep-purple-900: #311b92; | |
| $mdc-deep-purple-a100: #b388ff; | |
| $mdc-deep-purple-a200: #7c4dff; | |
| $mdc-deep-purple-a400: #651fff; | |
| $mdc-deep-purple-a700: #6200ea; | |
| $mdc-indigo-50: #e8eaf6; | |
| $mdc-indigo-100: #c5cae9; | |
| $mdc-indigo-200: #9fa8da; | |
| $mdc-indigo-300: #7986cb; | |
| $mdc-indigo-400: #5c6bc0; | |
| $mdc-indigo-500: #3f51b5; | |
| $mdc-indigo-600: #3949ab; | |
| $mdc-indigo-700: #303f9f; | |
| $mdc-indigo-800: #283593; | |
| $mdc-indigo-900: #1a237e; | |
| $mdc-indigo-a100: #8c9eff; | |
| $mdc-indigo-a200: #536dfe; | |
| $mdc-indigo-a400: #3d5afe; | |
| $mdc-indigo-a700: #304ffe; | |
| $mdc-blue-50: #e3f2fd; | |
| $mdc-blue-100: #bbdefb; | |
| $mdc-blue-200: #90caf9; | |
| $mdc-blue-300: #64b5f6; | |
| $mdc-blue-400: #42a5f5; | |
| $mdc-blue-500: #2196f3; | |
| $mdc-blue-600: #1e88e5; | |
| $mdc-blue-700: #1976d2; | |
| $mdc-blue-800: #1565c0; | |
| $mdc-blue-900: #0d47a1; | |
| $mdc-blue-a100: #82b1ff; | |
| $mdc-blue-a200: #448aff; | |
| $mdc-blue-a400: #2979ff; | |
| $mdc-blue-a700: #2962ff; | |
| $mdc-light-blue-50: #e1f5fe; | |
| $mdc-light-blue-100: #b3e5fc; | |
| $mdc-light-blue-200: #81d4fa; | |
| $mdc-light-blue-300: #4fc3f7; | |
| $mdc-light-blue-400: #29b6f6; | |
| $mdc-light-blue-500: #03a9f4; | |
| $mdc-light-blue-600: #039be5; | |
| $mdc-light-blue-700: #0288d1; | |
| $mdc-light-blue-800: #0277bd; | |
| $mdc-light-blue-900: #01579b; | |
| $mdc-light-blue-a100: #80d8ff; | |
| $mdc-light-blue-a200: #40c4ff; | |
| $mdc-light-blue-a400: #00b0ff; | |
| $mdc-light-blue-a700: #0091ea; | |
| $mdc-cyan-50: #e0f7fa; | |
| $mdc-cyan-100: #b2ebf2; | |
| $mdc-cyan-200: #80deea; | |
| $mdc-cyan-300: #4dd0e1; | |
| $mdc-cyan-400: #26c6da; | |
| $mdc-cyan-500: #00bcd4; | |
| $mdc-cyan-600: #00acc1; | |
| $mdc-cyan-700: #0097a7; | |
| $mdc-cyan-800: #00838f; | |
| $mdc-cyan-900: #006064; | |
| $mdc-cyan-a100: #84ffff; | |
| $mdc-cyan-a200: #18ffff; | |
| $mdc-cyan-a400: #00e5ff; | |
| $mdc-cyan-a700: #00b8d4; | |
| $mdc-teal-50: #e0f2f1; | |
| $mdc-teal-100: #b2dfdb; | |
| $mdc-teal-200: #80cbc4; | |
| $mdc-teal-300: #4db6ac; | |
| $mdc-teal-400: #26a69a; | |
| $mdc-teal-500: #009688; | |
| $mdc-teal-600: #00897b; | |
| $mdc-teal-700: #00796b; | |
| $mdc-teal-800: #00695c; | |
| $mdc-teal-900: #004d40; | |
| $mdc-teal-a100: #a7ffeb; | |
| $mdc-teal-a200: #64ffda; | |
| $mdc-teal-a400: #1de9b6; | |
| $mdc-teal-a700: #00bfa5; | |
| $mdc-green-50: #e8f5e9; | |
| $mdc-green-100: #c8e6c9; | |
| $mdc-green-200: #a5d6a7; | |
| $mdc-green-300: #81c784; | |
| $mdc-green-400: #66bb6a; | |
| $mdc-green-500: #4caf50; | |
| $mdc-green-600: #43a047; | |
| $mdc-green-700: #388e3c; | |
| $mdc-green-800: #2e7d32; | |
| $mdc-green-900: #1b5e20; | |
| $mdc-green-a100: #b9f6ca; | |
| $mdc-green-a200: #69f0ae; | |
| $mdc-green-a400: #00e676; | |
| $mdc-green-a700: #00c853; | |
| $mdc-light-gree-50: #f1f8e9; | |
| $mdc-light-gree-100: #dcedc8; | |
| $mdc-light-gree-200: #c5e1a5; | |
| $mdc-light-gree-300: #aed581; | |
| $mdc-light-gree-400: #9ccc65; | |
| $mdc-light-gree-500: #8bc34a; | |
| $mdc-light-gree-600: #7cb342; | |
| $mdc-light-gree-700: #689f38; | |
| $mdc-light-gree-800: #558b2f; | |
| $mdc-light-gree-900: #33691e; | |
| $mdc-light-gree-a100: #ccff90; | |
| $mdc-light-gree-a200: #b2ff59; | |
| $mdc-light-gree-a400: #76ff03; | |
| $mdc-light-gree-a700: #64dd17; | |
| $mdc-lime-50: #f9fbe7; | |
| $mdc-lime-100: #f0f4c3; | |
| $mdc-lime-200: #e6ee9c; | |
| $mdc-lime-300: #dce775; | |
| $mdc-lime-400: #d4e157; | |
| $mdc-lime-500: #cddc39; | |
| $mdc-lime-600: #c0ca33; | |
| $mdc-lime-700: #afb42b; | |
| $mdc-lime-800: #9e9d24; | |
| $mdc-lime-900: #827717; | |
| $mdc-lime-a100: #f4ff81; | |
| $mdc-lime-a200: #eeff41; | |
| $mdc-lime-a400: #c6ff00; | |
| $mdc-lime-a700: #aeea00; | |
| $mdc-yellow-50: #fffde7; | |
| $mdc-yellow-100: #fff9c4; | |
| $mdc-yellow-200: #fff59d; | |
| $mdc-yellow-300: #fff176; | |
| $mdc-yellow-400: #ffee58; | |
| $mdc-yellow-500: #ffeb3b; | |
| $mdc-yellow-600: #fdd835; | |
| $mdc-yellow-700: #fbc02d; | |
| $mdc-yellow-800: #f9a825; | |
| $mdc-yellow-900: #f57f17; | |
| $mdc-yellow-a100: #ffff8d; | |
| $mdc-yellow-a200: #ffff00; | |
| $mdc-yellow-a400: #ffea00; | |
| $mdc-yellow-a700: #ffd600; | |
| $mdc-amber-50: #fff8e1; | |
| $mdc-amber-100: #ffecb3; | |
| $mdc-amber-200: #ffe082; | |
| $mdc-amber-300: #ffd54f; | |
| $mdc-amber-400: #ffca28; | |
| $mdc-amber-500: #ffc107; | |
| $mdc-amber-600: #ffb300; | |
| $mdc-amber-700: #ffa000; | |
| $mdc-amber-800: #ff8f00; | |
| $mdc-amber-900: #ff6f00; | |
| $mdc-amber-a100: #ffe57f; | |
| $mdc-amber-a200: #ffd740; | |
| $mdc-amber-a400: #ffc400; | |
| $mdc-amber-a700: #ffab00; | |
| $mdc-orange-50: #fff3e0; | |
| $mdc-orange-100: #ffe0b2; | |
| $mdc-orange-200: #ffcc80; | |
| $mdc-orange-300: #ffb74d; | |
| $mdc-orange-400: #ffa726; | |
| $mdc-orange-500: #ff9800; | |
| $mdc-orange-600: #fb8c00; | |
| $mdc-orange-700: #f57c00; | |
| $mdc-orange-800: #ef6c00; | |
| $mdc-orange-900: #e65100; | |
| $mdc-orange-a100: #ffd180; | |
| $mdc-orange-a200: #ffab40; | |
| $mdc-orange-a400: #ff9100; | |
| $mdc-orange-a700: #ff6d00; | |
| $mdc-deep-orange-50: #fbe9e7; | |
| $mdc-deep-orange-100: #ffccbc; | |
| $mdc-deep-orange-200: #ffab91; | |
| $mdc-deep-orange-300: #ff8a65; | |
| $mdc-deep-orange-400: #ff7043; | |
| $mdc-deep-orange-500: #ff5722; | |
| $mdc-deep-orange-600: #f4511e; | |
| $mdc-deep-orange-700: #e64a19; | |
| $mdc-deep-orange-800: #d84315; | |
| $mdc-deep-orange-900: #bf360c; | |
| $mdc-deep-orange-a100: #ff9e80; | |
| $mdc-deep-orange-a200: #ff6e40; | |
| $mdc-deep-orange-a400: #ff3d00; | |
| $mdc-deep-orange-a700: #dd2c00; | |
| $mdc-brown-50: #efebe9; | |
| $mdc-brown-100: #d7ccc8; | |
| $mdc-brown-200: #bcaaa4; | |
| $mdc-brown-300: #a1887f; | |
| $mdc-brown-400: #8d6e63; | |
| $mdc-brown-500: #795548; | |
| $mdc-brown-600: #6d4c41; | |
| $mdc-brown-700: #5d4037; | |
| $mdc-brown-800: #4e342e; | |
| $mdc-brown-900: #3e2723; | |
| $mdc-gray-50: #fafafa; | |
| $mdc-gray-100: #f5f5f5; | |
| $mdc-gray-200: #eeeeee; | |
| $mdc-gray-300: #e0e0e0; | |
| $mdc-gray-400: #bdbdbd; | |
| $mdc-gray-500: #9e9e9e; | |
| $mdc-gray-600: #757575; | |
| $mdc-gray-700: #616161; | |
| $mdc-gray-800: #424242; | |
| $mdc-gray-900: #212121; | |
| $mdc-blue-gray-50: #eceff1; | |
| $mdc-blue-gray-100: #cfd8dc; | |
| $mdc-blue-gray-200: #b0bec5; | |
| $mdc-blue-gray-300: #90a4ae; | |
| $mdc-blue-gray-400: #78909c; | |
| $mdc-blue-gray-500: #607d8b; | |
| $mdc-blue-gray-600: #546e7a; | |
| $mdc-blue-gray-700: #455a64; | |
| $mdc-blue-gray-800: #37474f; | |
| $mdc-blue-gray-900: #263238; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment