Заметил что люди делали через nth-child зачем-то. Добавил свой вариант через order.
.palette {
display: flex;
flex-wrap: wrap-reverse;
align-content: center;
justify-content: center;
}
.color-1{
order: 7;
}
.color-3{
order:6;}
.color-5{
order:5;}