$shark: (
  50: #f7f7f8,
  100: #eeeef0,
  200: #d9d9de,
  300: #b9bac0,
  400: #92939e,
  500: #757682,
  600: #5e5e6b,
  700: #4d4d57,
  800: #42424a,
  900: #3a3a40,
  950: #1d1d20,
);

$minsk: (
  50: #eff3fe,
  100: #e1eafe,
  200: #c9d7fc,
  300: #a8bcf9,
  400: #8599f4,
  500: #6875ec,
  600: #4c4fdf,
  700: #3d3dc5,
  800: #34359f,
  900: #2e3176,
  950: #1d1d49,
);

$picton: (
  50: #f2f8fd,
  100: #e4effa,
  200: #c3def4,
  300: #8ec4eb,
  400: #50a5de,
  500: #2b8bcc,
  600: #1c6ead,
  700: #18588c,
  800: #184b74,
  900: #194061,
  950: #112940,
);

$malachite: (
  50: #f2fdf0,
  100: #dffcdc,
  200: #c1f7bb,
  300: #90ee87,
  400: #5bde50,
  500: #2fc423,
  600: #21a217,
  700: #1d7f16,
  800: #1c6417,
  900: #175314,
  950: #062e05,
);

$viking: (
  50: #eefcfd,
  100: #d4f6f9,
  200: #aeedf3,
  300: #76deea,
  400: #50cdde,
  500: #1ba9bf,
  600: #1988a1,
  700: #1b6d83,
  800: #1f5a6b,
  900: #1e4b5b,
  950: #0e313e,
);

$lightning: (
  50: #fcfde9,
  100: #fbfcc5,
  200: #fbf98d,
  300: #f8ee4c,
  400: #f5e12f,
  500: #e4c50e,
  600: #c59b09,
  700: #9d700b,
  800: #825811,
  900: #6f4814,
  950: #402608,
);

$amaranth: (
  50: #fdf4f3,
  100: #fce7e8,
  200: #f8d3d4,
  300: #f2afb2,
  400: #eb818a,
  500: #dc4756,
  600: #ca344a,
  700: #aa263d,
  800: #8e2338,
  900: #7a2136,
  950: #440d19,
);

@mixin util-classes($prefix, $palette) {
  @each $hue, $hex in $palette {
    // e.g. class="minsk-500"
    .#{$prefix}-#{$hue} {
      color: $hex !important;
    }

    // e.g. class="bg-minsk-500"
    .bg-#{$prefix}-#{$hue} {
      background-color: $hex !important;
      color: if($hue <= 400, #000, #fff);
    }
  }
}