sassのeachのループについて

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
sassでeachのネストをしたく、以下のように配列を作成し、展開しようとしましたがうまくいかず、質問させていただきます。

作成した配列とループ

$colorpalettes: (
  palette01: (
    01: #e8ebe5,
    02: #c0c9c7,
    03: #7eacc4,
    04: #c2cacb,
    05: #b17a59,
    06: #c9be72,
    07: #c0c0b5,
    08: #dfddd3,
    09: #ed7456,
    10: #3b7294
  ),
  palette02: (
    01: #e8ebe5,
    02: #c0c9c7,
    03: #7eacc4,
    04: #c2cacb,
    05: #b17a59,
    06: #c9be72,
    07: #c0c0b5,
    08: #dfddd3,
    09: #ed7456,
    10: #3b7294
  ),
  ...
);

@each $palette, $props in $colorpalettes {
  @each $color_num, $color in $palette {
    .u-bg-#{$palette}-#{$color_num} {
      background-color: $color;
    }
  }
}

特にビルドでエラーなど起きておりません。
@eachのネストに問題があるのでしょうか？
ご存知の方がいらっしゃればご教示いただけますと幸いです。

Answer 1

@each $palette, $props in $colorpalettes {
  @each $number, $color in $props {
    .u-bg-#{$palette}-#{$number} {
      background-color: #{$color};
    }
  }
}

これでいけました