/* To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette Then, run this script to get the list. (function() { var colors = {}, main = {}; $(".color-group").each(function() { var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-"); colors[color] = {}; $(this).find(".color").not(".main-color").each(function() { var shade = $(this).find(".shade").text().trim(), hex = $(this).find(".hex").text().trim(); colors[color][shade] = hex; }); main[color] = color + "-" + $(this).find(".main-color .shade").text().trim(); }); var LESS = ""; $.each(colors, function(name, shades) { LESS += "\n\n"; $.each(shades, function(shade, hex) { LESS += "@" + name + "-" + shade + ": " + hex + ";\n"; }); if (main[name]) { LESS += "@" + name + ": " + main[name] + ";\n"; } }); console.log(LESS); })(); */ @red-50: #ffebee; @red-100: #ffcdd2; @red-200: #ef9a9a; @red-300: #e57373; @red-400: #ef5350; @red-500: #f44336; @red-600: #e53935; @red-700: #d32f2f; @red-800: #c62828; @red-900: #b71c1c; @red-A100: #ff8a80; @red-A200: #ff5252; @red-A400: #ff1744; @red-A700: #d50000; @red: @red-500; @pink-50: #fce4ec; @pink-100: #f8bbd0; @pink-200: #f48fb1; @pink-300: #f06292; @pink-400: #ec407a; @pink-500: #e91e63; @pink-600: #d81b60; @pink-700: #c2185b; @pink-800: #ad1457; @pink-900: #880e4f; @pink-A100: #ff80ab; @pink-A200: #ff4081; @pink-A400: #f50057; @pink-A700: #c51162; @pink: @pink-500; @purple-50: #f3e5f5; @purple-100: #e1bee7; @purple-200: #ce93d8; @purple-300: #ba68c8; @purple-400: #ab47bc; @purple-500: #9c27b0; @purple-600: #8e24aa; @purple-700: #7b1fa2; @purple-800: #6a1b9a; @purple-900: #4a148c; @purple-A100: #ea80fc; @purple-A200: #e040fb; @purple-A400: #d500f9; @purple-A700: #aa00ff; @purple: @purple-500; @deep-purple-50: #ede7f6; @deep-purple-100: #d1c4e9; @deep-purple-200: #b39ddb; @deep-purple-300: #9575cd; @deep-purple-400: #7e57c2; @deep-purple-500: #673ab7; @deep-purple-600: #5e35b1; @deep-purple-700: #512da8; @deep-purple-800: #4527a0; @deep-purple-900: #311b92; @deep-purple-A100: #b388ff; @deep-purple-A200: #7c4dff; @deep-purple-A400: #651fff; @deep-purple-A700: #6200ea; @deep-purple: @deep-purple-500; @indigo-50: #e8eaf6; @indigo-100: #c5cae9; @indigo-200: #9fa8da; @indigo-300: #7986cb; @indigo-400: #5c6bc0; @indigo-500: #3f51b5; @indigo-600: #3949ab; @indigo-700: #303f9f; @indigo-800: #283593; @indigo-900: #1a237e; @indigo-A100: #8c9eff; @indigo-A200: #536dfe; @indigo-A400: #3d5afe; @indigo-A700: #304ffe; @indigo: @indigo-500; @blue-50: #e3f2fd; @blue-100: #bbdefb; @blue-200: #90caf9; @blue-300: #64b5f6; @blue-400: #42a5f5; @blue-500: #2196f3; @blue-600: #1e88e5; @blue-700: #1976d2; @blue-800: #1565c0; @blue-900: #0d47a1; @blue-A100: #82b1ff; @blue-A200: #448aff; @blue-A400: #2979ff; @blue-A700: #2962ff; @blue: @blue-500; @light-blue-50: #e1f5fe; @light-blue-100: #b3e5fc; @light-blue-200: #81d4fa; @light-blue-300: #4fc3f7; @light-blue-400: #29b6f6; @light-blue-500: #03a9f4; @light-blue-600: #039be5; @light-blue-700: #0288d1; @light-blue-800: #0277bd; @light-blue-900: #01579b; @light-blue-A100: #80d8ff; @light-blue-A200: #40c4ff; @light-blue-A400: #00b0ff; @light-blue-A700: #0091ea; @light-blue: @light-blue-500; @cyan-50: #e0f7fa; @cyan-100: #b2ebf2; @cyan-200: #80deea; @cyan-300: #4dd0e1; @cyan-400: #26c6da; @cyan-500: #00bcd4; @cyan-600: #00acc1; @cyan-700: #0097a7; @cyan-800: #00838f; @cyan-900: #006064; @cyan-A100: #84ffff; @cyan-A200: #18ffff; @cyan-A400: #00e5ff; @cyan-A700: #00b8d4; @cyan: @cyan-500; @teal-50: #e0f2f1; @teal-100: #b2dfdb; @teal-200: #80cbc4; @teal-300: #4db6ac; @teal-400: #26a69a; @teal-500: #009688; @teal-600: #00897b; @teal-700: #00796b; @teal-800: #00695c; @teal-900: #004d40; @teal-A100: #a7ffeb; @teal-A200: #64ffda; @teal-A400: #1de9b6; @teal-A700: #00bfa5; @teal: @teal-500; @green-50: #e8f5e9; @green-100: #c8e6c9; @green-200: #a5d6a7; @green-300: #81c784; @green-400: #66bb6a; @green-500: #4caf50; @green-600: #43a047; @green-700: #388e3c; @green-800: #2e7d32; @green-900: #1b5e20; @green-A100: #b9f6ca; @green-A200: #69f0ae; @green-A400: #00e676; @green-A700: #00c853; @green: @green-500; @light-green-50: #f1f8e9; @light-green-100: #dcedc8; @light-green-200: #c5e1a5; @light-green-300: #aed581; @light-green-400: #9ccc65; @light-green-500: #8bc34a; @light-green-600: #7cb342; @light-green-700: #689f38; @light-green-800: #558b2f; @light-green-900: #33691e; @light-green-A100: #ccff90; @light-green-A200: #b2ff59; @light-green-A400: #76ff03; @light-green-A700: #64dd17; @light-green: @light-green-500; @lime-50: #f9fbe7; @lime-100: #f0f4c3; @lime-200: #e6ee9c; @lime-300: #dce775; @lime-400: #d4e157; @lime-500: #cddc39; @lime-600: #c0ca33; @lime-700: #afb42b; @lime-800: #9e9d24; @lime-900: #827717; @lime-A100: #f4ff81; @lime-A200: #eeff41; @lime-A400: #c6ff00; @lime-A700: #aeea00; @lime: @lime-500; @yellow-50: #fffde7; @yellow-100: #fff9c4; @yellow-200: #fff59d; @yellow-300: #fff176; @yellow-400: #ffee58; @yellow-500: #ffeb3b; @yellow-600: #fdd835; @yellow-700: #fbc02d; @yellow-800: #f9a825; @yellow-900: #f57f17; @yellow-A100: #ffff8d; @yellow-A200: #ffff00; @yellow-A400: #ffea00; @yellow-A700: #ffd600; @yellow: @yellow-500; @amber-50: #fff8e1; @amber-100: #ffecb3; @amber-200: #ffe082; @amber-300: #ffd54f; @amber-400: #ffca28; @amber-500: #ffc107; @amber-600: #ffb300; @amber-700: #ffa000; @amber-800: #ff8f00; @amber-900: #ff6f00; @amber-A100: #ffe57f; @amber-A200: #ffd740; @amber-A400: #ffc400; @amber-A700: #ffab00; @amber: @amber-500; @orange-50: #fff3e0; @orange-100: #ffe0b2; @orange-200: #ffcc80; @orange-300: #ffb74d; @orange-400: #ffa726; @orange-500: #ff9800; @orange-600: #fb8c00; @orange-700: #f57c00; @orange-800: #ef6c00; @orange-900: #e65100; @orange-A100: #ffd180; @orange-A200: #ffab40; @orange-A400: #ff9100; @orange-A700: #ff6d00; @orange-500: @orange; @deep-orange-50: #fbe9e7; @deep-orange-100: #ffccbc; @deep-orange-200: #ffab91; @deep-orange-300: #ff8a65; @deep-orange-400: #ff7043; @deep-orange-500: #ff5722; @deep-orange-600: #f4511e; @deep-orange-700: #e64a19; @deep-orange-800: #d84315; @deep-orange-900: #bf360c; @deep-orange-A100: #ff9e80; @deep-orange-A200: #ff6e40; @deep-orange-A400: #ff3d00; @deep-orange-A700: #dd2c00; @deep-orange: @deep-orange-500; @brown-50: #efebe9; @brown-100: #d7ccc8; @brown-200: #bcaaa4; @brown-300: #a1887f; @brown-400: #8d6e63; @brown-500: #795548; @brown-600: #6d4c41; @brown-700: #5d4037; @brown-800: #4e342e; @brown-900: #3e2723; @brown-A100: #d7ccc8; @brown-A200: #bcaaa4; @brown-A400: #8d6e63; @brown-A700: #5d4037; @brown: @brown-500; @grey-50: #fafafa; @grey-100: #f5f5f5; @grey-200: #eeeeee; @grey-300: #e0e0e0; @grey-400: #bdbdbd; @grey-500: #9e9e9e; @grey-600: #757575; @grey-700: #616161; @grey-800: #424242; @grey-900: #212121; @grey-A100: #f5f5f5; @grey-A200: #eeeeee; @grey-A400: #bdbdbd; @grey-A700: #616161; @grey: @grey-500; @blue-grey-50: #eceff1; @blue-grey-100: #cfd8dc; @blue-grey-200: #b0bec5; @blue-grey-300: #90a4ae; @blue-grey-400: #78909c; @blue-grey-500: #607d8b; @blue-grey-600: #546e7a; @blue-grey-700: #455a64; @blue-grey-800: #37474f; @blue-grey-900: #263238; @blue-grey-A100: #cfd8dc; @blue-grey-A200: #b0bec5; @blue-grey-A400: #78909c; @blue-grey-A700: #455a64; @blue-grey: @blue-grey-500; @black: #000000; @white: #ffffff;