scss automatically generates palettes

palette.scss

@function getColorPalette($colors) {
  $levels: 1, 2, 3, 4, 5, 6, 7, 8, 9;
  $interval: 15%;
  $_colors: ();
  @each $name, $color in $colors {
    @debug  $levels;

    @each $level in $levels {
      $_colors: map.deep-merge($_colors, (
        #{$name}-#{$level}: color.scale($color, $lightness: $interval * (5 - $level)),
      ));
    }
  }
  @return $_colors;
}

@debug getColorPalette((
  green: #10b981,
  red: #ef4444,
));

// output
(
  green-1: #8df5d3,
  green-2: #63f1c2,
  green-3: #38eeb2,
  green-4: #14e49f,
  green-5: #10b981,
  green-6: #0e9d6e,
  green-7: #0b825a,
  green-8: #096647,
  green-9: #064a34,
  red-1: #f9b4b4,
  red-2: #f69898,
  red-3: #f47c7c,
  red-4: #f16060,
  red-5: #ef4444,
  red-6: #eb1a1a,
  red-7: #c61111,
  red-8: #9c0d0d,
  red-9: #710a0a
)