Material Design (500) Colors

colors.scss

// Material UI Colors: 500
// Source & Credit: http://materialuicolors.co/
$material_red: #F44336;
$material_pink: #E91E63;
$material_purple: #9C27B0;
$material_deep_purple: #673AB7;
$material_indigo: #3F51B5;
$material_blue: #2196F3;
$material_light_blue: #03A9F4;
$material_cyan: #00BCD4;
$material_teal:#009688;
$material_green: #4CAF50;
$material_light_green: #8BC34A;
$material_lime: #CDDC39;
$material_yellow: #FFEB3B;
$material_amber: #FFC107;
$material_orange: #FF9800;
$material_deep_orange: #FF5722;
$material_brown: #795548;
$material_grey: #9E9E9E;
$material_blue_grey: #607D8B;


.material-red {
  background-color: $material_red;
}

.material-pink {
  background-color: $material_pink;
}

.material-purple {
  background-color: $material_purple;
}

.material-deep-purple {
  background-color: $material_deep_purple;
}

.material-indigo {
  background-color: $material_indigo;
}

.material-blue {
  background-color: $material_blue;
}

.material-light-blue {
  background-color: $material_light_blue;
}

.material-cyan {
  background-color: $material_cyan;
}

.material-teal {
  background-color: $material_teal;
}

.material-green {
  background-color: $material_green;
}

.material-light-green {
  background-color: $material_light_green;
}

.material-lime {
  background-color: $material_lime;
}

.material-yellow {
  background-color: $material_yellow;
}

.material-amber {
  background-color: $material_amber;
}

.material-orange {
  background-color: $material_orange;
}

.material-deep-orange {
  background-color: $material_deep_orange;
}

.material-brown {
  background-color: $material_brown;
}

.material-grey {
  background-color: $material_grey;
}

.material-blue-grey {
  background-color: $material_blue_grey;
}