Есть ли готовое SASS-решение для переноса цветов в отдельные блоки CSS?
Сделайте миксины, не?
Александр Марченко хоть и не в полной мере ответил на вопрос, но задал правильный вектор мыслей...
Поискав тщательно в сети я не нашел подходящего решения, пришлось придумать самому.
Результат нашелся в совместном использовании многих возможностей SASS, вот он://переменные цветов
$rainbow-map: (staff: #ffcc66, azaza: #f00);

//цветовые свойства
@each $class, $color in $rainbow-map {
	.#{$class}-color {
		color: $color;
	}
}

//миксины цветов
@mixin rainbow($property: color) {
	@each $class, $color in $rainbow-map {
		.#{$class} & {
			@extend .#{$class}-#{$property};
		}
	}
}

.container-one {
	.block-one {
		@include rainbow(color);
	}

	.block-two {
		@include rainbow(color);

		.child-block-one {
			@include rainbow(color);
		}
	}
}
Хоть это и не "идеальный способ" который я искал, он вполне приемлем. У меня есть заранее заданная палитра цветов в каждом разделе сайта и все свойства мне достаточно вывести в отдельный блок. Так и размер CSS файла будет не большим, и цвета не придется ставить вручную.