justify-content: center;

Flex kutunuza bu değeri eklerseniz ortalanır.

CSS kodlarını şu şekilde ayarlayabilirsin;

.svg-colors {
display: flex;
margin: auto;
text-align: center;
width: 200px;
}
.svg-color-div {
overflow: hidden;
border-radius: 2em;
height: 48px;
width: 48px;
border: 1px solid #b9b9b9;
margin: 2px auto;
}

Body e display flex ver
Svg colors a flex direction row
Justify content center
Gerekirse

svg colors a display flex ve flex 1

display: flex;
align-items: center;
justify-content: center;