Color Palettes

snippet.scss

@mixin palette-1 {
  $a: #f97761;
  $b: #fa9652;
  $c: #7874f6;
  $d: #f5f8fd;
  $e: #d2d9e6;
  $f: #9fa4be;
}

@mixin palette-2 {
  $a: #ad171c;
  $b: #d01318;
  $c: #374046;
  $d: #607889;
  $e: #ecedee;
  $f: #acc1d1;
  $g: #9fa3a7;
  $h: #738b9d;
}

@mixin palette-3 {
  $a: #a03988;
  $b: #2fabaf;
  $c: #13123a;
  $d: #5471f4;
  $e: #a8b1df;
  $f: #acb4d8;
  $g: #172cf7;
  $h: #edf0fa;
}

@mixin palette-4 {
  $a: #818497;
  $b: #d4dfed;
  $c: #cecfcf;
  $d: #5d96df;
  $e: #183da7;
  $f: #1d6ad2;
  $g: #fdfdfd;
}

@mixin palette-5 {
  $a: #38c1fd;
  $b: #d8d6d7;
  $c: #4b7ddc;
  $d: #e37171;
  $e: #b0b4ca;
  $f: #3d3450;
  $g: #5994fc;
  $h: #fdfdfd;
}

@mixin palette-6 {
  $a: #9ecae7;
  $b: #79a8aa;
  $c: #d4dce5;
  $d: #4fcbcf;
  $e: #5579d6;
  $f: #5ca0e7;
  $g: #f8f9fc;
}

@mixin palette-7 {
  $a: #0c36f9;
  $b: #727881;
  $c: #676d76;
  $d: #e1ebf1;
  $e: #30353b;
  $f: #a3aeba;
  $g: #2a5ae5;
  $h: #6695d0;
}

//@mixin palette-X {
//  $a: #;
//  $b: #;
//  $c: #;
//  $d: #;
//  $e: #;
//  $f: #;
//  $g: #;
//  $h: #;
//}