@import 'palette.scss';

.sass {

  &.Red {
    background-color: palette(Red);
    color: paletteText(Red);
  }

  &.Red-50 {
    background-color: palette(Red, 50);
    color: paletteText(Red, 50);
  }

  &.Red-100 {
    background-color: palette(Red, 100);
    color: paletteText(Red, 100);
  }

  &.Red-200 {
    background-color: palette(Red, 200);
    color: paletteText(Red, 200);
  }

  &.Red-300 {
    background-color: palette(Red, 300);
    color: paletteText(Red, 300);
  }

  &.Red-400 {
    background-color: palette(Red, 400);
    color: paletteText(Red, 400);
  }

  &.Red-500 {
    background-color: palette(Red, 500);
    color: paletteText(Red, 500);
  }

  &.Red-600 {
    background-color: palette(Red, 600);
    color: paletteText(Red, 600);
  }

  &.Red-700 {
    background-color: palette(Red, 700);
    color: paletteText(Red, 700);
  }

  &.Red-800 {
    background-color: palette(Red, 800);
    color: paletteText(Red, 800);
  }

  &.Red-900 {
    background-color: palette(Red, 900);
    color: paletteText(Red, 900);
  }

  &.Red-A100 {
    background-color: palette(Red, A100);
    color: paletteText(Red, A100);
  }

  &.Red-A200 {
    background-color: palette(Red, A200);
    color: paletteText(Red, A200);
  }

  &.Red-A400 {
    background-color: palette(Red, A400);
    color: paletteText(Red, A400);
  }

  &.Red-A700 {
    background-color: palette(Red, A700);
    color: paletteText(Red, A700);
  }


  &.Pink {
    background-color: palette(Pink);
    color: paletteText(Pink);
  }

  &.Pink-50 {
    background-color: palette(Pink, 50);
    color: paletteText(Pink, 50);
  }

  &.Pink-100 {
    background-color: palette(Pink, 100);
    color: paletteText(Pink, 100);
  }

  &.Pink-200 {
    background-color: palette(Pink, 200);
    color: paletteText(Pink, 200);
  }

  &.Pink-300 {
    background-color: palette(Pink, 300);
    color: paletteText(Pink, 300);
  }

  &.Pink-400 {
    background-color: palette(Pink, 400);
    color: paletteText(Pink, 400);
  }

  &.Pink-500 {
    background-color: palette(Pink, 500);
    color: paletteText(Pink, 500);
  }

  &.Pink-600 {
    background-color: palette(Pink, 600);
    color: paletteText(Pink, 600);
  }

  &.Pink-700 {
    background-color: palette(Pink, 700);
    color: paletteText(Pink, 700);
  }

  &.Pink-800 {
    background-color: palette(Pink, 800);
    color: paletteText(Pink, 800);
  }

  &.Pink-900 {
    background-color: palette(Pink, 900);
    color: paletteText(Pink, 900);
  }

  &.Pink-A100 {
    background-color: palette(Pink, A100);
    color: paletteText(Pink, A100);
  }

  &.Pink-A200 {
    background-color: palette(Pink, A200);
    color: paletteText(Pink, A200);
  }

  &.Pink-A400 {
    background-color: palette(Pink, A400);
    color: paletteText(Pink, A400);
  }

  &.Pink-A700 {
    background-color: palette(Pink, A700);
    color: paletteText(Pink, A700);
  }


  &.Purple {
    background-color: palette(Purple);
    color: paletteText(Purple);
  }

  &.Purple-50 {
    background-color: palette(Purple, 50);
    color: paletteText(Purple, 50);
  }

  &.Purple-100 {
    background-color: palette(Purple, 100);
    color: paletteText(Purple, 100);
  }

  &.Purple-200 {
    background-color: palette(Purple, 200);
    color: paletteText(Purple, 200);
  }

  &.Purple-300 {
    background-color: palette(Purple, 300);
    color: paletteText(Purple, 300);
  }

  &.Purple-400 {
    background-color: palette(Purple, 400);
    color: paletteText(Purple, 400);
  }

  &.Purple-500 {
    background-color: palette(Purple, 500);
    color: paletteText(Purple, 500);
  }

  &.Purple-600 {
    background-color: palette(Purple, 600);
    color: paletteText(Purple, 600);
  }

  &.Purple-700 {
    background-color: palette(Purple, 700);
    color: paletteText(Purple, 700);
  }

  &.Purple-800 {
    background-color: palette(Purple, 800);
    color: paletteText(Purple, 800);
  }

  &.Purple-900 {
    background-color: palette(Purple, 900);
    color: paletteText(Purple, 900);
  }

  &.Purple-A100 {
    background-color: palette(Purple, A100);
    color: paletteText(Purple, A100);
  }

  &.Purple-A200 {
    background-color: palette(Purple, A200);
    color: paletteText(Purple, A200);
  }

  &.Purple-A400 {
    background-color: palette(Purple, A400);
    color: paletteText(Purple, A400);
  }

  &.Purple-A700 {
    background-color: palette(Purple, A700);
    color: paletteText(Purple, A700);
  }


  &.Deep-Purple {
    background-color: palette(Deep Purple);
    color: paletteText(Deep Purple);
  }

  &.Deep-Purple-50 {
    background-color: palette(Deep Purple, 50);
    color: paletteText(Deep Purple, 50);
  }

  &.Deep-Purple-100 {
    background-color: palette(Deep Purple, 100);
    color: paletteText(Deep Purple, 100);
  }

  &.Deep-Purple-200 {
    background-color: palette(Deep Purple, 200);
    color: paletteText(Deep Purple, 200);
  }

  &.Deep-Purple-300 {
    background-color: palette(Deep Purple, 300);
    color: paletteText(Deep Purple, 300);
  }

  &.Deep-Purple-400 {
    background-color: palette(Deep Purple, 400);
    color: paletteText(Deep Purple, 400);
  }

  &.Deep-Purple-500 {
    background-color: palette(Deep Purple, 500);
    color: paletteText(Deep Purple, 500);
  }

  &.Deep-Purple-600 {
    background-color: palette(Deep Purple, 600);
    color: paletteText(Deep Purple, 600);
  }

  &.Deep-Purple-700 {
    background-color: palette(Deep Purple, 700);
    color: paletteText(Deep Purple, 700);
  }

  &.Deep-Purple-800 {
    background-color: palette(Deep Purple, 800);
    color: paletteText(Deep Purple, 800);
  }

  &.Deep-Purple-900 {
    background-color: palette(Deep Purple, 900);
    color: paletteText(Deep Purple, 900);
  }

  &.Deep-Purple-A100 {
    background-color: palette(Deep Purple, A100);
    color: paletteText(Deep Purple, A100);
  }

  &.Deep-Purple-A200 {
    background-color: palette(Deep Purple, A200);
    color: paletteText(Deep Purple, A200);
  }

  &.Deep-Purple-A400 {
    background-color: palette(Deep Purple, A400);
    color: paletteText(Deep Purple, A400);
  }

  &.Deep-Purple-A700 {
    background-color: palette(Deep Purple, A700);
    color: paletteText(Deep Purple, A700);
  }


  &.Indigo {
    background-color: palette(Indigo);
    color: paletteText(Indigo);
  }

  &.Indigo-50 {
    background-color: palette(Indigo, 50);
    color: paletteText(Indigo, 50);
  }

  &.Indigo-100 {
    background-color: palette(Indigo, 100);
    color: paletteText(Indigo, 100);
  }

  &.Indigo-200 {
    background-color: palette(Indigo, 200);
    color: paletteText(Indigo, 200);
  }

  &.Indigo-300 {
    background-color: palette(Indigo, 300);
    color: paletteText(Indigo, 300);
  }

  &.Indigo-400 {
    background-color: palette(Indigo, 400);
    color: paletteText(Indigo, 400);
  }

  &.Indigo-500 {
    background-color: palette(Indigo, 500);
    color: paletteText(Indigo, 500);
  }

  &.Indigo-600 {
    background-color: palette(Indigo, 600);
    color: paletteText(Indigo, 600);
  }

  &.Indigo-700 {
    background-color: palette(Indigo, 700);
    color: paletteText(Indigo, 700);
  }

  &.Indigo-800 {
    background-color: palette(Indigo, 800);
    color: paletteText(Indigo, 800);
  }

  &.Indigo-900 {
    background-color: palette(Indigo, 900);
    color: paletteText(Indigo, 900);
  }

  &.Indigo-A100 {
    background-color: palette(Indigo, A100);
    color: paletteText(Indigo, A100);
  }

  &.Indigo-A200 {
    background-color: palette(Indigo, A200);
    color: paletteText(Indigo, A200);
  }

  &.Indigo-A400 {
    background-color: palette(Indigo, A400);
    color: paletteText(Indigo, A400);
  }

  &.Indigo-A700 {
    background-color: palette(Indigo, A700);
    color: paletteText(Indigo, A700);
  }


  &.Blue {
    background-color: palette(Blue);
    color: paletteText(Blue);
  }

  &.Blue-50 {
    background-color: palette(Blue, 50);
    color: paletteText(Blue, 50);
  }

  &.Blue-100 {
    background-color: palette(Blue, 100);
    color: paletteText(Blue, 100);
  }

  &.Blue-200 {
    background-color: palette(Blue, 200);
    color: paletteText(Blue, 200);
  }

  &.Blue-300 {
    background-color: palette(Blue, 300);
    color: paletteText(Blue, 300);
  }

  &.Blue-400 {
    background-color: palette(Blue, 400);
    color: paletteText(Blue, 400);
  }

  &.Blue-500 {
    background-color: palette(Blue, 500);
    color: paletteText(Blue, 500);
  }

  &.Blue-600 {
    background-color: palette(Blue, 600);
    color: paletteText(Blue, 600);
  }

  &.Blue-700 {
    background-color: palette(Blue, 700);
    color: paletteText(Blue, 700);
  }

  &.Blue-800 {
    background-color: palette(Blue, 800);
    color: paletteText(Blue, 800);
  }

  &.Blue-900 {
    background-color: palette(Blue, 900);
    color: paletteText(Blue, 900);
  }

  &.Blue-A100 {
    background-color: palette(Blue, A100);
    color: paletteText(Blue, A100);
  }

  &.Blue-A200 {
    background-color: palette(Blue, A200);
    color: paletteText(Blue, A200);
  }

  &.Blue-A400 {
    background-color: palette(Blue, A400);
    color: paletteText(Blue, A400);
  }

  &.Blue-A700 {
    background-color: palette(Blue, A700);
    color: paletteText(Blue, A700);
  }


  &.Light-Blue {
    background-color: palette(Light Blue);
    color: paletteText(Light Blue);
  }

  &.Light-Blue-50 {
    background-color: palette(Light Blue, 50);
    color: paletteText(Light Blue, 50);
  }

  &.Light-Blue-100 {
    background-color: palette(Light Blue, 100);
    color: paletteText(Light Blue, 100);
  }

  &.Light-Blue-200 {
    background-color: palette(Light Blue, 200);
    color: paletteText(Light Blue, 200);
  }

  &.Light-Blue-300 {
    background-color: palette(Light Blue, 300);
    color: paletteText(Light Blue, 300);
  }

  &.Light-Blue-400 {
    background-color: palette(Light Blue, 400);
    color: paletteText(Light Blue, 400);
  }

  &.Light-Blue-500 {
    background-color: palette(Light Blue, 500);
    color: paletteText(Light Blue, 500);
  }

  &.Light-Blue-600 {
    background-color: palette(Light Blue, 600);
    color: paletteText(Light Blue, 600);
  }

  &.Light-Blue-700 {
    background-color: palette(Light Blue, 700);
    color: paletteText(Light Blue, 700);
  }

  &.Light-Blue-800 {
    background-color: palette(Light Blue, 800);
    color: paletteText(Light Blue, 800);
  }

  &.Light-Blue-900 {
    background-color: palette(Light Blue, 900);
    color: paletteText(Light Blue, 900);
  }

  &.Light-Blue-A100 {
    background-color: palette(Light Blue, A100);
    color: paletteText(Light Blue, A100);
  }

  &.Light-Blue-A200 {
    background-color: palette(Light Blue, A200);
    color: paletteText(Light Blue, A200);
  }

  &.Light-Blue-A400 {
    background-color: palette(Light Blue, A400);
    color: paletteText(Light Blue, A400);
  }

  &.Light-Blue-A700 {
    background-color: palette(Light Blue, A700);
    color: paletteText(Light Blue, A700);
  }


  &.Cyan {
    background-color: palette(Cyan);
    color: paletteText(Cyan);
  }

  &.Cyan-50 {
    background-color: palette(Cyan, 50);
    color: paletteText(Cyan, 50);
  }

  &.Cyan-100 {
    background-color: palette(Cyan, 100);
    color: paletteText(Cyan, 100);
  }

  &.Cyan-200 {
    background-color: palette(Cyan, 200);
    color: paletteText(Cyan, 200);
  }

  &.Cyan-300 {
    background-color: palette(Cyan, 300);
    color: paletteText(Cyan, 300);
  }

  &.Cyan-400 {
    background-color: palette(Cyan, 400);
    color: paletteText(Cyan, 400);
  }

  &.Cyan-500 {
    background-color: palette(Cyan, 500);
    color: paletteText(Cyan, 500);
  }

  &.Cyan-600 {
    background-color: palette(Cyan, 600);
    color: paletteText(Cyan, 600);
  }

  &.Cyan-700 {
    background-color: palette(Cyan, 700);
    color: paletteText(Cyan, 700);
  }

  &.Cyan-800 {
    background-color: palette(Cyan, 800);
    color: paletteText(Cyan, 800);
  }

  &.Cyan-900 {
    background-color: palette(Cyan, 900);
    color: paletteText(Cyan, 900);
  }

  &.Cyan-A100 {
    background-color: palette(Cyan, A100);
    color: paletteText(Cyan, A100);
  }

  &.Cyan-A200 {
    background-color: palette(Cyan, A200);
    color: paletteText(Cyan, A200);
  }

  &.Cyan-A400 {
    background-color: palette(Cyan, A400);
    color: paletteText(Cyan, A400);
  }

  &.Cyan-A700 {
    background-color: palette(Cyan, A700);
    color: paletteText(Cyan, A700);
  }


  &.Teal {
    background-color: palette(Teal);
    color: paletteText(Teal);
  }

  &.Teal-50 {
    background-color: palette(Teal, 50);
    color: paletteText(Teal, 50);
  }

  &.Teal-100 {
    background-color: palette(Teal, 100);
    color: paletteText(Teal, 100);
  }

  &.Teal-200 {
    background-color: palette(Teal, 200);
    color: paletteText(Teal, 200);
  }

  &.Teal-300 {
    background-color: palette(Teal, 300);
    color: paletteText(Teal, 300);
  }

  &.Teal-400 {
    background-color: palette(Teal, 400);
    color: paletteText(Teal, 400);
  }

  &.Teal-500 {
    background-color: palette(Teal, 500);
    color: paletteText(Teal, 500);
  }

  &.Teal-600 {
    background-color: palette(Teal, 600);
    color: paletteText(Teal, 600);
  }

  &.Teal-700 {
    background-color: palette(Teal, 700);
    color: paletteText(Teal, 700);
  }

  &.Teal-800 {
    background-color: palette(Teal, 800);
    color: paletteText(Teal, 800);
  }

  &.Teal-900 {
    background-color: palette(Teal, 900);
    color: paletteText(Teal, 900);
  }

  &.Teal-A100 {
    background-color: palette(Teal, A100);
    color: paletteText(Teal, A100);
  }

  &.Teal-A200 {
    background-color: palette(Teal, A200);
    color: paletteText(Teal, A200);
  }

  &.Teal-A400 {
    background-color: palette(Teal, A400);
    color: paletteText(Teal, A400);
  }

  &.Teal-A700 {
    background-color: palette(Teal, A700);
    color: paletteText(Teal, A700);
  }


  &.Green {
    background-color: palette(Green);
    color: paletteText(Green);
  }

  &.Green-50 {
    background-color: palette(Green, 50);
    color: paletteText(Green, 50);
  }

  &.Green-100 {
    background-color: palette(Green, 100);
    color: paletteText(Green, 100);
  }

  &.Green-200 {
    background-color: palette(Green, 200);
    color: paletteText(Green, 200);
  }

  &.Green-300 {
    background-color: palette(Green, 300);
    color: paletteText(Green, 300);
  }

  &.Green-400 {
    background-color: palette(Green, 400);
    color: paletteText(Green, 400);
  }

  &.Green-500 {
    background-color: palette(Green, 500);
    color: paletteText(Green, 500);
  }

  &.Green-600 {
    background-color: palette(Green, 600);
    color: paletteText(Green, 600);
  }

  &.Green-700 {
    background-color: palette(Green, 700);
    color: paletteText(Green, 700);
  }

  &.Green-800 {
    background-color: palette(Green, 800);
    color: paletteText(Green, 800);
  }

  &.Green-900 {
    background-color: palette(Green, 900);
    color: paletteText(Green, 900);
  }

  &.Green-A100 {
    background-color: palette(Green, A100);
    color: paletteText(Green, A100);
  }

  &.Green-A200 {
    background-color: palette(Green, A200);
    color: paletteText(Green, A200);
  }

  &.Green-A400 {
    background-color: palette(Green, A400);
    color: paletteText(Green, A400);
  }

  &.Green-A700 {
    background-color: palette(Green, A700);
    color: paletteText(Green, A700);
  }


  &.Light-Green {
    background-color: palette(Light Green);
    color: paletteText(Light Green);
  }

  &.Light-Green-50 {
    background-color: palette(Light Green, 50);
    color: paletteText(Light Green, 50);
  }

  &.Light-Green-100 {
    background-color: palette(Light Green, 100);
    color: paletteText(Light Green, 100);
  }

  &.Light-Green-200 {
    background-color: palette(Light Green, 200);
    color: paletteText(Light Green, 200);
  }

  &.Light-Green-300 {
    background-color: palette(Light Green, 300);
    color: paletteText(Light Green, 300);
  }

  &.Light-Green-400 {
    background-color: palette(Light Green, 400);
    color: paletteText(Light Green, 400);
  }

  &.Light-Green-500 {
    background-color: palette(Light Green, 500);
    color: paletteText(Light Green, 500);
  }

  &.Light-Green-600 {
    background-color: palette(Light Green, 600);
    color: paletteText(Light Green, 600);
  }

  &.Light-Green-700 {
    background-color: palette(Light Green, 700);
    color: paletteText(Light Green, 700);
  }

  &.Light-Green-800 {
    background-color: palette(Light Green, 800);
    color: paletteText(Light Green, 800);
  }

  &.Light-Green-900 {
    background-color: palette(Light Green, 900);
    color: paletteText(Light Green, 900);
  }

  &.Light-Green-A100 {
    background-color: palette(Light Green, A100);
    color: paletteText(Light Green, A100);
  }

  &.Light-Green-A200 {
    background-color: palette(Light Green, A200);
    color: paletteText(Light Green, A200);
  }

  &.Light-Green-A400 {
    background-color: palette(Light Green, A400);
    color: paletteText(Light Green, A400);
  }

  &.Light-Green-A700 {
    background-color: palette(Light Green, A700);
    color: paletteText(Light Green, A700);
  }


  &.Lime {
    background-color: palette(Lime);
    color: paletteText(Lime);
  }

  &.Lime-50 {
    background-color: palette(Lime, 50);
    color: paletteText(Lime, 50);
  }

  &.Lime-100 {
    background-color: palette(Lime, 100);
    color: paletteText(Lime, 100);
  }

  &.Lime-200 {
    background-color: palette(Lime, 200);
    color: paletteText(Lime, 200);
  }

  &.Lime-300 {
    background-color: palette(Lime, 300);
    color: paletteText(Lime, 300);
  }

  &.Lime-400 {
    background-color: palette(Lime, 400);
    color: paletteText(Lime, 400);
  }

  &.Lime-500 {
    background-color: palette(Lime, 500);
    color: paletteText(Lime, 500);
  }

  &.Lime-600 {
    background-color: palette(Lime, 600);
    color: paletteText(Lime, 600);
  }

  &.Lime-700 {
    background-color: palette(Lime, 700);
    color: paletteText(Lime, 700);
  }

  &.Lime-800 {
    background-color: palette(Lime, 800);
    color: paletteText(Lime, 800);
  }

  &.Lime-900 {
    background-color: palette(Lime, 900);
    color: paletteText(Lime, 900);
  }

  &.Lime-A100 {
    background-color: palette(Lime, A100);
    color: paletteText(Lime, A100);
  }

  &.Lime-A200 {
    background-color: palette(Lime, A200);
    color: paletteText(Lime, A200);
  }

  &.Lime-A400 {
    background-color: palette(Lime, A400);
    color: paletteText(Lime, A400);
  }

  &.Lime-A700 {
    background-color: palette(Lime, A700);
    color: paletteText(Lime, A700);
  }


  &.Yellow {
    background-color: palette(Yellow);
    color: paletteText(Yellow);
  }

  &.Yellow-50 {
    background-color: palette(Yellow, 50);
    color: paletteText(Yellow, 50);
  }

  &.Yellow-100 {
    background-color: palette(Yellow, 100);
    color: paletteText(Yellow, 100);
  }

  &.Yellow-200 {
    background-color: palette(Yellow, 200);
    color: paletteText(Yellow, 200);
  }

  &.Yellow-300 {
    background-color: palette(Yellow, 300);
    color: paletteText(Yellow, 300);
  }

  &.Yellow-400 {
    background-color: palette(Yellow, 400);
    color: paletteText(Yellow, 400);
  }

  &.Yellow-500 {
    background-color: palette(Yellow, 500);
    color: paletteText(Yellow, 500);
  }

  &.Yellow-600 {
    background-color: palette(Yellow, 600);
    color: paletteText(Yellow, 600);
  }

  &.Yellow-700 {
    background-color: palette(Yellow, 700);
    color: paletteText(Yellow, 700);
  }

  &.Yellow-800 {
    background-color: palette(Yellow, 800);
    color: paletteText(Yellow, 800);
  }

  &.Yellow-900 {
    background-color: palette(Yellow, 900);
    color: paletteText(Yellow, 900);
  }

  &.Yellow-A100 {
    background-color: palette(Yellow, A100);
    color: paletteText(Yellow, A100);
  }

  &.Yellow-A200 {
    background-color: palette(Yellow, A200);
    color: paletteText(Yellow, A200);
  }

  &.Yellow-A400 {
    background-color: palette(Yellow, A400);
    color: paletteText(Yellow, A400);
  }

  &.Yellow-A700 {
    background-color: palette(Yellow, A700);
    color: paletteText(Yellow, A700);
  }


  &.Amber {
    background-color: palette(Amber);
    color: paletteText(Amber);
  }

  &.Amber-50 {
    background-color: palette(Amber, 50);
    color: paletteText(Amber, 50);
  }

  &.Amber-100 {
    background-color: palette(Amber, 100);
    color: paletteText(Amber, 100);
  }

  &.Amber-200 {
    background-color: palette(Amber, 200);
    color: paletteText(Amber, 200);
  }

  &.Amber-300 {
    background-color: palette(Amber, 300);
    color: paletteText(Amber, 300);
  }

  &.Amber-400 {
    background-color: palette(Amber, 400);
    color: paletteText(Amber, 400);
  }

  &.Amber-500 {
    background-color: palette(Amber, 500);
    color: paletteText(Amber, 500);
  }

  &.Amber-600 {
    background-color: palette(Amber, 600);
    color: paletteText(Amber, 600);
  }

  &.Amber-700 {
    background-color: palette(Amber, 700);
    color: paletteText(Amber, 700);
  }

  &.Amber-800 {
    background-color: palette(Amber, 800);
    color: paletteText(Amber, 800);
  }

  &.Amber-900 {
    background-color: palette(Amber, 900);
    color: paletteText(Amber, 900);
  }

  &.Amber-A100 {
    background-color: palette(Amber, A100);
    color: paletteText(Amber, A100);
  }

  &.Amber-A200 {
    background-color: palette(Amber, A200);
    color: paletteText(Amber, A200);
  }

  &.Amber-A400 {
    background-color: palette(Amber, A400);
    color: paletteText(Amber, A400);
  }

  &.Amber-A700 {
    background-color: palette(Amber, A700);
    color: paletteText(Amber, A700);
  }


  &.Orange {
    background-color: palette(Orange);
    color: paletteText(Orange);
  }

  &.Orange-50 {
    background-color: palette(Orange, 50);
    color: paletteText(Orange, 50);
  }

  &.Orange-100 {
    background-color: palette(Orange, 100);
    color: paletteText(Orange, 100);
  }

  &.Orange-200 {
    background-color: palette(Orange, 200);
    color: paletteText(Orange, 200);
  }

  &.Orange-300 {
    background-color: palette(Orange, 300);
    color: paletteText(Orange, 300);
  }

  &.Orange-400 {
    background-color: palette(Orange, 400);
    color: paletteText(Orange, 400);
  }

  &.Orange-500 {
    background-color: palette(Orange, 500);
    color: paletteText(Orange, 500);
  }

  &.Orange-600 {
    background-color: palette(Orange, 600);
    color: paletteText(Orange, 600);
  }

  &.Orange-700 {
    background-color: palette(Orange, 700);
    color: paletteText(Orange, 700);
  }

  &.Orange-800 {
    background-color: palette(Orange, 800);
    color: paletteText(Orange, 800);
  }

  &.Orange-900 {
    background-color: palette(Orange, 900);
    color: paletteText(Orange, 900);
  }

  &.Orange-A100 {
    background-color: palette(Orange, A100);
    color: paletteText(Orange, A100);
  }

  &.Orange-A200 {
    background-color: palette(Orange, A200);
    color: paletteText(Orange, A200);
  }

  &.Orange-A400 {
    background-color: palette(Orange, A400);
    color: paletteText(Orange, A400);
  }

  &.Orange-A700 {
    background-color: palette(Orange, A700);
    color: paletteText(Orange, A700);
  }


  &.Deep-Orange {
    background-color: palette(Deep Orange);
    color: paletteText(Deep Orange);
  }

  &.Deep-Orange-50 {
    background-color: palette(Deep Orange, 50);
    color: paletteText(Deep Orange, 50);
  }

  &.Deep-Orange-100 {
    background-color: palette(Deep Orange, 100);
    color: paletteText(Deep Orange, 100);
  }

  &.Deep-Orange-200 {
    background-color: palette(Deep Orange, 200);
    color: paletteText(Deep Orange, 200);
  }

  &.Deep-Orange-300 {
    background-color: palette(Deep Orange, 300);
    color: paletteText(Deep Orange, 300);
  }

  &.Deep-Orange-400 {
    background-color: palette(Deep Orange, 400);
    color: paletteText(Deep Orange, 400);
  }

  &.Deep-Orange-500 {
    background-color: palette(Deep Orange, 500);
    color: paletteText(Deep Orange, 500);
  }

  &.Deep-Orange-600 {
    background-color: palette(Deep Orange, 600);
    color: paletteText(Deep Orange, 600);
  }

  &.Deep-Orange-700 {
    background-color: palette(Deep Orange, 700);
    color: paletteText(Deep Orange, 700);
  }

  &.Deep-Orange-800 {
    background-color: palette(Deep Orange, 800);
    color: paletteText(Deep Orange, 800);
  }

  &.Deep-Orange-900 {
    background-color: palette(Deep Orange, 900);
    color: paletteText(Deep Orange, 900);
  }

  &.Deep-Orange-A100 {
    background-color: palette(Deep Orange, A100);
    color: paletteText(Deep Orange, A100);
  }

  &.Deep-Orange-A200 {
    background-color: palette(Deep Orange, A200);
    color: paletteText(Deep Orange, A200);
  }

  &.Deep-Orange-A400 {
    background-color: palette(Deep Orange, A400);
    color: paletteText(Deep Orange, A400);
  }

  &.Deep-Orange-A700 {
    background-color: palette(Deep Orange, A700);
    color: paletteText(Deep Orange, A700);
  }


  &.Brown {
    background-color: palette(Brown);
    color: paletteText(Brown);
  }

  &.Brown-50 {
    background-color: palette(Brown, 50);
    color: paletteText(Brown, 50);
  }

  &.Brown-100 {
    background-color: palette(Brown, 100);
    color: paletteText(Brown, 100);
  }

  &.Brown-200 {
    background-color: palette(Brown, 200);
    color: paletteText(Brown, 200);
  }

  &.Brown-300 {
    background-color: palette(Brown, 300);
    color: paletteText(Brown, 300);
  }

  &.Brown-400 {
    background-color: palette(Brown, 400);
    color: paletteText(Brown, 400);
  }

  &.Brown-500 {
    background-color: palette(Brown, 500);
    color: paletteText(Brown, 500);
  }

  &.Brown-600 {
    background-color: palette(Brown, 600);
    color: paletteText(Brown, 600);
  }

  &.Brown-700 {
    background-color: palette(Brown, 700);
    color: paletteText(Brown, 700);
  }

  &.Brown-800 {
    background-color: palette(Brown, 800);
    color: paletteText(Brown, 800);
  }

  &.Brown-900 {
    background-color: palette(Brown, 900);
    color: paletteText(Brown, 900);
  }


  &.Grey {
    background-color: palette(Grey);
    color: paletteText(Grey);
  }

  &.Grey-50 {
    background-color: palette(Grey, 50);
    color: paletteText(Grey, 50);
  }

  &.Grey-100 {
    background-color: palette(Grey, 100);
    color: paletteText(Grey, 100);
  }

  &.Grey-200 {
    background-color: palette(Grey, 200);
    color: paletteText(Grey, 200);
  }

  &.Grey-300 {
    background-color: palette(Grey, 300);
    color: paletteText(Grey, 300);
  }

  &.Grey-400 {
    background-color: palette(Grey, 400);
    color: paletteText(Grey, 400);
  }

  &.Grey-500 {
    background-color: palette(Grey, 500);
    color: paletteText(Grey, 500);
  }

  &.Grey-600 {
    background-color: palette(Grey, 600);
    color: paletteText(Grey, 600);
  }

  &.Grey-700 {
    background-color: palette(Grey, 700);
    color: paletteText(Grey, 700);
  }

  &.Grey-800 {
    background-color: palette(Grey, 800);
    color: paletteText(Grey, 800);
  }

  &.Grey-900 {
    background-color: palette(Grey, 900);
    color: paletteText(Grey, 900);
  }


  &.Blue-Grey {
    background-color: palette(Blue Grey);
    color: paletteText(Blue Grey);
  }

  &.Blue-Grey-50 {
    background-color: palette(Blue Grey, 50);
    color: paletteText(Blue Grey, 50);
  }

  &.Blue-Grey-100 {
    background-color: palette(Blue Grey, 100);
    color: paletteText(Blue Grey, 100);
  }

  &.Blue-Grey-200 {
    background-color: palette(Blue Grey, 200);
    color: paletteText(Blue Grey, 200);
  }

  &.Blue-Grey-300 {
    background-color: palette(Blue Grey, 300);
    color: paletteText(Blue Grey, 300);
  }

  &.Blue-Grey-400 {
    background-color: palette(Blue Grey, 400);
    color: paletteText(Blue Grey, 400);
  }

  &.Blue-Grey-500 {
    background-color: palette(Blue Grey, 500);
    color: paletteText(Blue Grey, 500);
  }

  &.Blue-Grey-600 {
    background-color: palette(Blue Grey, 600);
    color: paletteText(Blue Grey, 600);
  }

  &.Blue-Grey-700 {
    background-color: palette(Blue Grey, 700);
    color: paletteText(Blue Grey, 700);
  }

  &.Blue-Grey-800 {
    background-color: palette(Blue Grey, 800);
    color: paletteText(Blue Grey, 800);
  }

  &.Blue-Grey-900 {
    background-color: palette(Blue Grey, 900);
    color: paletteText(Blue Grey, 900);
  }


  &.Black {
    background-color: palette(Black);
    color: paletteText(Black);
  }

  &.Black-500 {
    background-color: palette(Black, 500);
    color: paletteText(Black, 500);
  }

  &.Black-text {
    background-color: palette(Black, text);
    color: paletteText(Black, text);
  }

  &.Black-Primary {
    background-color: palette(Black, Primary);
    color: paletteText(Black, Primary);
  }

  &.Black-Secondary {
    background-color: palette(Black, Secondary);
    color: paletteText(Black, Secondary);
  }

  &.Black-Icons {
    background-color: palette(Black, Icons);
    color: paletteText(Black, Icons);
  }

  &.Black-Disabled {
    background-color: palette(Black, Disabled);
    color: paletteText(Black, Disabled);
  }

  &.Black-Hint {
    background-color: palette(Black, Hint);
    color: paletteText(Black, Hint);
  }

  &.Black-Dividers {
    background-color: palette(Black, Dividers);
    color: paletteText(Black, Dividers);
  }


  &.White {
    background-color: palette(White);
    color: paletteText(White);
  }

  &.White-500 {
    background-color: palette(White, 500);
    color: paletteText(White, 500);
  }

  &.White-text {
    background-color: palette(White, text);
    color: paletteText(White, text);
  }

  &.White-Primary {
    background-color: palette(White, Primary);
    color: paletteText(White, Primary);
  }

  &.White-Secondary {
    background-color: palette(White, Secondary);
    color: paletteText(White, Secondary);
  }

  &.White-Icons {
    background-color: palette(White, Icons);
    color: paletteText(White, Icons);
  }

  &.White-Disabled {
    background-color: palette(White, Disabled);
    color: paletteText(White, Disabled);
  }

  &.White-Hint {
    background-color: palette(White, Hint);
    color: paletteText(White, Hint);
  }

  &.White-Dividers {
    background-color: palette(White, Dividers);
    color: paletteText(White, Dividers);
  }


}

.sass-text {

  &.Red {
    color: palette(Red);
  }

  &.Red-50 {
    color: palette(Red, 50);
  }

  &.Red-100 {
    color: palette(Red, 100);
  }

  &.Red-200 {
    color: palette(Red, 200);
  }

  &.Red-300 {
    color: palette(Red, 300);
  }

  &.Red-400 {
    color: palette(Red, 400);
  }

  &.Red-500 {
    color: palette(Red, 500);
  }

  &.Red-600 {
    color: palette(Red, 600);
  }

  &.Red-700 {
    color: palette(Red, 700);
  }

  &.Red-800 {
    color: palette(Red, 800);
  }

  &.Red-900 {
    color: palette(Red, 900);
  }

  &.Red-A100 {
    color: palette(Red, A100);
  }

  &.Red-A200 {
    color: palette(Red, A200);
  }

  &.Red-A400 {
    color: palette(Red, A400);
  }

  &.Red-A700 {
    color: palette(Red, A700);
  }


  &.Pink {
    color: palette(Pink);
  }

  &.Pink-50 {
    color: palette(Pink, 50);
  }

  &.Pink-100 {
    color: palette(Pink, 100);
  }

  &.Pink-200 {
    color: palette(Pink, 200);
  }

  &.Pink-300 {
    color: palette(Pink, 300);
  }

  &.Pink-400 {
    color: palette(Pink, 400);
  }

  &.Pink-500 {
    color: palette(Pink, 500);
  }

  &.Pink-600 {
    color: palette(Pink, 600);
  }

  &.Pink-700 {
    color: palette(Pink, 700);
  }

  &.Pink-800 {
    color: palette(Pink, 800);
  }

  &.Pink-900 {
    color: palette(Pink, 900);
  }

  &.Pink-A100 {
    color: palette(Pink, A100);
  }

  &.Pink-A200 {
    color: palette(Pink, A200);
  }

  &.Pink-A400 {
    color: palette(Pink, A400);
  }

  &.Pink-A700 {
    color: palette(Pink, A700);
  }


  &.Purple {
    color: palette(Purple);
  }

  &.Purple-50 {
    color: palette(Purple, 50);
  }

  &.Purple-100 {
    color: palette(Purple, 100);
  }

  &.Purple-200 {
    color: palette(Purple, 200);
  }

  &.Purple-300 {
    color: palette(Purple, 300);
  }

  &.Purple-400 {
    color: palette(Purple, 400);
  }

  &.Purple-500 {
    color: palette(Purple, 500);
  }

  &.Purple-600 {
    color: palette(Purple, 600);
  }

  &.Purple-700 {
    color: palette(Purple, 700);
  }

  &.Purple-800 {
    color: palette(Purple, 800);
  }

  &.Purple-900 {
    color: palette(Purple, 900);
  }

  &.Purple-A100 {
    color: palette(Purple, A100);
  }

  &.Purple-A200 {
    color: palette(Purple, A200);
  }

  &.Purple-A400 {
    color: palette(Purple, A400);
  }

  &.Purple-A700 {
    color: palette(Purple, A700);
  }


  &.Deep-Purple {
    color: palette(Deep Purple);
  }

  &.Deep-Purple-50 {
    color: palette(Deep Purple, 50);
  }

  &.Deep-Purple-100 {
    color: palette(Deep Purple, 100);
  }

  &.Deep-Purple-200 {
    color: palette(Deep Purple, 200);
  }

  &.Deep-Purple-300 {
    color: palette(Deep Purple, 300);
  }

  &.Deep-Purple-400 {
    color: palette(Deep Purple, 400);
  }

  &.Deep-Purple-500 {
    color: palette(Deep Purple, 500);
  }

  &.Deep-Purple-600 {
    color: palette(Deep Purple, 600);
  }

  &.Deep-Purple-700 {
    color: palette(Deep Purple, 700);
  }

  &.Deep-Purple-800 {
    color: palette(Deep Purple, 800);
  }

  &.Deep-Purple-900 {
    color: palette(Deep Purple, 900);
  }

  &.Deep-Purple-A100 {
    color: palette(Deep Purple, A100);
  }

  &.Deep-Purple-A200 {
    color: palette(Deep Purple, A200);
  }

  &.Deep-Purple-A400 {
    color: palette(Deep Purple, A400);
  }

  &.Deep-Purple-A700 {
    color: palette(Deep Purple, A700);
  }


  &.Indigo {
    color: palette(Indigo);
  }

  &.Indigo-50 {
    color: palette(Indigo, 50);
  }

  &.Indigo-100 {
    color: palette(Indigo, 100);
  }

  &.Indigo-200 {
    color: palette(Indigo, 200);
  }

  &.Indigo-300 {
    color: palette(Indigo, 300);
  }

  &.Indigo-400 {
    color: palette(Indigo, 400);
  }

  &.Indigo-500 {
    color: palette(Indigo, 500);
  }

  &.Indigo-600 {
    color: palette(Indigo, 600);
  }

  &.Indigo-700 {
    color: palette(Indigo, 700);
  }

  &.Indigo-800 {
    color: palette(Indigo, 800);
  }

  &.Indigo-900 {
    color: palette(Indigo, 900);
  }

  &.Indigo-A100 {
    color: palette(Indigo, A100);
  }

  &.Indigo-A200 {
    color: palette(Indigo, A200);
  }

  &.Indigo-A400 {
    color: palette(Indigo, A400);
  }

  &.Indigo-A700 {
    color: palette(Indigo, A700);
  }


  &.Blue {
    color: palette(Blue);
  }

  &.Blue-50 {
    color: palette(Blue, 50);
  }

  &.Blue-100 {
    color: palette(Blue, 100);
  }

  &.Blue-200 {
    color: palette(Blue, 200);
  }

  &.Blue-300 {
    color: palette(Blue, 300);
  }

  &.Blue-400 {
    color: palette(Blue, 400);
  }

  &.Blue-500 {
    color: palette(Blue, 500);
  }

  &.Blue-600 {
    color: palette(Blue, 600);
  }

  &.Blue-700 {
    color: palette(Blue, 700);
  }

  &.Blue-800 {
    color: palette(Blue, 800);
  }

  &.Blue-900 {
    color: palette(Blue, 900);
  }

  &.Blue-A100 {
    color: palette(Blue, A100);
  }

  &.Blue-A200 {
    color: palette(Blue, A200);
  }

  &.Blue-A400 {
    color: palette(Blue, A400);
  }

  &.Blue-A700 {
    color: palette(Blue, A700);
  }


  &.Light-Blue {
    color: palette(Light Blue);
  }

  &.Light-Blue-50 {
    color: palette(Light Blue, 50);
  }

  &.Light-Blue-100 {
    color: palette(Light Blue, 100);
  }

  &.Light-Blue-200 {
    color: palette(Light Blue, 200);
  }

  &.Light-Blue-300 {
    color: palette(Light Blue, 300);
  }

  &.Light-Blue-400 {
    color: palette(Light Blue, 400);
  }

  &.Light-Blue-500 {
    color: palette(Light Blue, 500);
  }

  &.Light-Blue-600 {
    color: palette(Light Blue, 600);
  }

  &.Light-Blue-700 {
    color: palette(Light Blue, 700);
  }

  &.Light-Blue-800 {
    color: palette(Light Blue, 800);
  }

  &.Light-Blue-900 {
    color: palette(Light Blue, 900);
  }

  &.Light-Blue-A100 {
    color: palette(Light Blue, A100);
  }

  &.Light-Blue-A200 {
    color: palette(Light Blue, A200);
  }

  &.Light-Blue-A400 {
    color: palette(Light Blue, A400);
  }

  &.Light-Blue-A700 {
    color: palette(Light Blue, A700);
  }


  &.Cyan {
    color: palette(Cyan);
  }

  &.Cyan-50 {
    color: palette(Cyan, 50);
  }

  &.Cyan-100 {
    color: palette(Cyan, 100);
  }

  &.Cyan-200 {
    color: palette(Cyan, 200);
  }

  &.Cyan-300 {
    color: palette(Cyan, 300);
  }

  &.Cyan-400 {
    color: palette(Cyan, 400);
  }

  &.Cyan-500 {
    color: palette(Cyan, 500);
  }

  &.Cyan-600 {
    color: palette(Cyan, 600);
  }

  &.Cyan-700 {
    color: palette(Cyan, 700);
  }

  &.Cyan-800 {
    color: palette(Cyan, 800);
  }

  &.Cyan-900 {
    color: palette(Cyan, 900);
  }

  &.Cyan-A100 {
    color: palette(Cyan, A100);
  }

  &.Cyan-A200 {
    color: palette(Cyan, A200);
  }

  &.Cyan-A400 {
    color: palette(Cyan, A400);
  }

  &.Cyan-A700 {
    color: palette(Cyan, A700);
  }


  &.Teal {
    color: palette(Teal);
  }

  &.Teal-50 {
    color: palette(Teal, 50);
  }

  &.Teal-100 {
    color: palette(Teal, 100);
  }

  &.Teal-200 {
    color: palette(Teal, 200);
  }

  &.Teal-300 {
    color: palette(Teal, 300);
  }

  &.Teal-400 {
    color: palette(Teal, 400);
  }

  &.Teal-500 {
    color: palette(Teal, 500);
  }

  &.Teal-600 {
    color: palette(Teal, 600);
  }

  &.Teal-700 {
    color: palette(Teal, 700);
  }

  &.Teal-800 {
    color: palette(Teal, 800);
  }

  &.Teal-900 {
    color: palette(Teal, 900);
  }

  &.Teal-A100 {
    color: palette(Teal, A100);
  }

  &.Teal-A200 {
    color: palette(Teal, A200);
  }

  &.Teal-A400 {
    color: palette(Teal, A400);
  }

  &.Teal-A700 {
    color: palette(Teal, A700);
  }


  &.Green {
    color: palette(Green);
  }

  &.Green-50 {
    color: palette(Green, 50);
  }

  &.Green-100 {
    color: palette(Green, 100);
  }

  &.Green-200 {
    color: palette(Green, 200);
  }

  &.Green-300 {
    color: palette(Green, 300);
  }

  &.Green-400 {
    color: palette(Green, 400);
  }

  &.Green-500 {
    color: palette(Green, 500);
  }

  &.Green-600 {
    color: palette(Green, 600);
  }

  &.Green-700 {
    color: palette(Green, 700);
  }

  &.Green-800 {
    color: palette(Green, 800);
  }

  &.Green-900 {
    color: palette(Green, 900);
  }

  &.Green-A100 {
    color: palette(Green, A100);
  }

  &.Green-A200 {
    color: palette(Green, A200);
  }

  &.Green-A400 {
    color: palette(Green, A400);
  }

  &.Green-A700 {
    color: palette(Green, A700);
  }


  &.Light-Green {
    color: palette(Light Green);
  }

  &.Light-Green-50 {
    color: palette(Light Green, 50);
  }

  &.Light-Green-100 {
    color: palette(Light Green, 100);
  }

  &.Light-Green-200 {
    color: palette(Light Green, 200);
  }

  &.Light-Green-300 {
    color: palette(Light Green, 300);
  }

  &.Light-Green-400 {
    color: palette(Light Green, 400);
  }

  &.Light-Green-500 {
    color: palette(Light Green, 500);
  }

  &.Light-Green-600 {
    color: palette(Light Green, 600);
  }

  &.Light-Green-700 {
    color: palette(Light Green, 700);
  }

  &.Light-Green-800 {
    color: palette(Light Green, 800);
  }

  &.Light-Green-900 {
    color: palette(Light Green, 900);
  }

  &.Light-Green-A100 {
    color: palette(Light Green, A100);
  }

  &.Light-Green-A200 {
    color: palette(Light Green, A200);
  }

  &.Light-Green-A400 {
    color: palette(Light Green, A400);
  }

  &.Light-Green-A700 {
    color: palette(Light Green, A700);
  }


  &.Lime {
    color: palette(Lime);
  }

  &.Lime-50 {
    color: palette(Lime, 50);
  }

  &.Lime-100 {
    color: palette(Lime, 100);
  }

  &.Lime-200 {
    color: palette(Lime, 200);
  }

  &.Lime-300 {
    color: palette(Lime, 300);
  }

  &.Lime-400 {
    color: palette(Lime, 400);
  }

  &.Lime-500 {
    color: palette(Lime, 500);
  }

  &.Lime-600 {
    color: palette(Lime, 600);
  }

  &.Lime-700 {
    color: palette(Lime, 700);
  }

  &.Lime-800 {
    color: palette(Lime, 800);
  }

  &.Lime-900 {
    color: palette(Lime, 900);
  }

  &.Lime-A100 {
    color: palette(Lime, A100);
  }

  &.Lime-A200 {
    color: palette(Lime, A200);
  }

  &.Lime-A400 {
    color: palette(Lime, A400);
  }

  &.Lime-A700 {
    color: palette(Lime, A700);
  }


  &.Yellow {
    color: palette(Yellow);
  }

  &.Yellow-50 {
    color: palette(Yellow, 50);
  }

  &.Yellow-100 {
    color: palette(Yellow, 100);
  }

  &.Yellow-200 {
    color: palette(Yellow, 200);
  }

  &.Yellow-300 {
    color: palette(Yellow, 300);
  }

  &.Yellow-400 {
    color: palette(Yellow, 400);
  }

  &.Yellow-500 {
    color: palette(Yellow, 500);
  }

  &.Yellow-600 {
    color: palette(Yellow, 600);
  }

  &.Yellow-700 {
    color: palette(Yellow, 700);
  }

  &.Yellow-800 {
    color: palette(Yellow, 800);
  }

  &.Yellow-900 {
    color: palette(Yellow, 900);
  }

  &.Yellow-A100 {
    color: palette(Yellow, A100);
  }

  &.Yellow-A200 {
    color: palette(Yellow, A200);
  }

  &.Yellow-A400 {
    color: palette(Yellow, A400);
  }

  &.Yellow-A700 {
    color: palette(Yellow, A700);
  }


  &.Amber {
    color: palette(Amber);
  }

  &.Amber-50 {
    color: palette(Amber, 50);
  }

  &.Amber-100 {
    color: palette(Amber, 100);
  }

  &.Amber-200 {
    color: palette(Amber, 200);
  }

  &.Amber-300 {
    color: palette(Amber, 300);
  }

  &.Amber-400 {
    color: palette(Amber, 400);
  }

  &.Amber-500 {
    color: palette(Amber, 500);
  }

  &.Amber-600 {
    color: palette(Amber, 600);
  }

  &.Amber-700 {
    color: palette(Amber, 700);
  }

  &.Amber-800 {
    color: palette(Amber, 800);
  }

  &.Amber-900 {
    color: palette(Amber, 900);
  }

  &.Amber-A100 {
    color: palette(Amber, A100);
  }

  &.Amber-A200 {
    color: palette(Amber, A200);
  }

  &.Amber-A400 {
    color: palette(Amber, A400);
  }

  &.Amber-A700 {
    color: palette(Amber, A700);
  }


  &.Orange {
    color: palette(Orange);
  }

  &.Orange-50 {
    color: palette(Orange, 50);
  }

  &.Orange-100 {
    color: palette(Orange, 100);
  }

  &.Orange-200 {
    color: palette(Orange, 200);
  }

  &.Orange-300 {
    color: palette(Orange, 300);
  }

  &.Orange-400 {
    color: palette(Orange, 400);
  }

  &.Orange-500 {
    color: palette(Orange, 500);
  }

  &.Orange-600 {
    color: palette(Orange, 600);
  }

  &.Orange-700 {
    color: palette(Orange, 700);
  }

  &.Orange-800 {
    color: palette(Orange, 800);
  }

  &.Orange-900 {
    color: palette(Orange, 900);
  }

  &.Orange-A100 {
    color: palette(Orange, A100);
  }

  &.Orange-A200 {
    color: palette(Orange, A200);
  }

  &.Orange-A400 {
    color: palette(Orange, A400);
  }

  &.Orange-A700 {
    color: palette(Orange, A700);
  }


  &.Deep-Orange {
    color: palette(Deep Orange);
  }

  &.Deep-Orange-50 {
    color: palette(Deep Orange, 50);
  }

  &.Deep-Orange-100 {
    color: palette(Deep Orange, 100);
  }

  &.Deep-Orange-200 {
    color: palette(Deep Orange, 200);
  }

  &.Deep-Orange-300 {
    color: palette(Deep Orange, 300);
  }

  &.Deep-Orange-400 {
    color: palette(Deep Orange, 400);
  }

  &.Deep-Orange-500 {
    color: palette(Deep Orange, 500);
  }

  &.Deep-Orange-600 {
    color: palette(Deep Orange, 600);
  }

  &.Deep-Orange-700 {
    color: palette(Deep Orange, 700);
  }

  &.Deep-Orange-800 {
    color: palette(Deep Orange, 800);
  }

  &.Deep-Orange-900 {
    color: palette(Deep Orange, 900);
  }

  &.Deep-Orange-A100 {
    color: palette(Deep Orange, A100);
  }

  &.Deep-Orange-A200 {
    color: palette(Deep Orange, A200);
  }

  &.Deep-Orange-A400 {
    color: palette(Deep Orange, A400);
  }

  &.Deep-Orange-A700 {
    color: palette(Deep Orange, A700);
  }


  &.Brown {
    color: palette(Brown);
  }

  &.Brown-50 {
    color: palette(Brown, 50);
  }

  &.Brown-100 {
    color: palette(Brown, 100);
  }

  &.Brown-200 {
    color: palette(Brown, 200);
  }

  &.Brown-300 {
    color: palette(Brown, 300);
  }

  &.Brown-400 {
    color: palette(Brown, 400);
  }

  &.Brown-500 {
    color: palette(Brown, 500);
  }

  &.Brown-600 {
    color: palette(Brown, 600);
  }

  &.Brown-700 {
    color: palette(Brown, 700);
  }

  &.Brown-800 {
    color: palette(Brown, 800);
  }

  &.Brown-900 {
    color: palette(Brown, 900);
  }


  &.Grey {
    color: palette(Grey);
  }

  &.Grey-50 {
    color: palette(Grey, 50);
  }

  &.Grey-100 {
    color: palette(Grey, 100);
  }

  &.Grey-200 {
    color: palette(Grey, 200);
  }

  &.Grey-300 {
    color: palette(Grey, 300);
  }

  &.Grey-400 {
    color: palette(Grey, 400);
  }

  &.Grey-500 {
    color: palette(Grey, 500);
  }

  &.Grey-600 {
    color: palette(Grey, 600);
  }

  &.Grey-700 {
    color: palette(Grey, 700);
  }

  &.Grey-800 {
    color: palette(Grey, 800);
  }

  &.Grey-900 {
    color: palette(Grey, 900);
  }


  &.Blue-Grey {
    color: palette(Blue Grey);
  }

  &.Blue-Grey-50 {
    color: palette(Blue Grey, 50);
  }

  &.Blue-Grey-100 {
    color: palette(Blue Grey, 100);
  }

  &.Blue-Grey-200 {
    color: palette(Blue Grey, 200);
  }

  &.Blue-Grey-300 {
    color: palette(Blue Grey, 300);
  }

  &.Blue-Grey-400 {
    color: palette(Blue Grey, 400);
  }

  &.Blue-Grey-500 {
    color: palette(Blue Grey, 500);
  }

  &.Blue-Grey-600 {
    color: palette(Blue Grey, 600);
  }

  &.Blue-Grey-700 {
    color: palette(Blue Grey, 700);
  }

  &.Blue-Grey-800 {
    color: palette(Blue Grey, 800);
  }

  &.Blue-Grey-900 {
    color: palette(Blue Grey, 900);
  }


  &.Black {
    color: palette(Black);
  }

  &.Black-500 {
    color: palette(Black, 500);
  }

  &.Black-text {
    color: palette(Black, text);
  }

  &.Black-Primary {
    color: palette(Black, Primary);
  }

  &.Black-Secondary {
    color: palette(Black, Secondary);
  }

  &.Black-Icons {
    color: palette(Black, Icons);
  }

  &.Black-Disabled {
    color: palette(Black, Disabled);
  }

  &.Black-Hint {
    color: palette(Black, Hint);
  }

  &.Black-Dividers {
    color: palette(Black, Dividers);
  }


  &.White {
    color: palette(White);
  }

  &.White-500 {
    color: palette(White, 500);
  }

  &.White-text {
    color: palette(White, text);
  }

  &.White-Primary {
    color: palette(White, Primary);
  }

  &.White-Secondary {
    color: palette(White, Secondary);
  }

  &.White-Icons {
    color: palette(White, Icons);
  }

  &.White-Disabled {
    color: palette(White, Disabled);
  }

  &.White-Hint {
    color: palette(White, Hint);
  }

  &.White-Dividers {
    color: palette(White, Dividers);
  }


}
