Флексбокс, часть 2 / Испытание: кубизм [6/28]

Добрый день. Подскажите, пожалуйста. Всё сходится (сейчас решение на 92%), но не знаю как сжать блоки (по горизонтали) для 100%-ного решения.

Мой код такой:
.palette div {
min-width: 35px;
min-height: 35px;
margin-left: auto;
}

.palette {
display: flex;
justify-content: space-between;
}

.palette .color-olive {
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
width: 50px;
height: 150px;
}

.palette .color-yellow {
height: 100px;
margin-top: auto;
margin-left: 0px;
margin-bottom: 5px;
}

.palette .color-fuchsia {
margin-bottom: auto;
margin-top: 5px;
height: 100px;
}

.palette .color-aqua {
width: 50px;
height: 150px;
margin: auto;
}

Мой код, может не самый правильный, с точки зрения семантики, но я не волшебник, результат 96%, больше пока не понимаю как сделать

.palette div {
min-width: 35px;
min-height: 35px;
}

.palette {
display: flex;
}

.color-olive {
height: 150px;
width: 50px;
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: 10px;
}
.color-aqua {
height: 150px;
width: 50px;
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: 10px;
}
.color-yellow {
height: 100px;
margin-top: auto;
margin-bottom: 5px;
margin-right: 35px;
}
.color-fuchsia {
height: 100px;
margin-bottom: auto;
margin-top: 5px;
}