$color-labels: (0: $color-label-0,
1: $color-label-1,
2: $color-label-2,
3: $color-label-3,
4: $color-label-4,
5: $color-label-5,
6: $color-label-6,
7: $color-label-7,
8: $color-label-8,
9: $color-label-9,
10: $color-label-10,
11: $color-label-11,
12: $color-label-12,
13: $color-label-13,
14: $color-label-14,
15: $color-label-15,
16: $color-label-16,
17: $color-label-17,
18: $color-label-18);

@each $label,
$color in $color-labels {
  .color-label-#{$label} {
    background: $color;

    &:hover {
      background: darken($color, 15%);
    }
  }
}