É possível sim, apenas retire o float: left da classe .coluna e adicione o text-align: center na classe .row, feito isso só ajustar o tamanho das colunas:
Ficara assim:
<style>
.row{
text-align: center;
}
.coluna {
width: 30%;
height: 33.33%;
margin: 0 auto;
display: inline-block;
box-sizing: border-box;
}
.row::after {
content: "";
clear: both;
display: table;
}
</style>
<div class="row">
<div class="coluna">
<img src="imagem1" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem2" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem3" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem4" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem5" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem6" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem7" alt="Teste" style="width:100%">
</div>
</div>
<style>
.row{
text-align: center;
}
.coluna {
width: 30%;
height: 33.33%;
margin: 0 auto;
display: inline-block;
box-sizing: border-box;
}
.row::after {
content: "";
clear: both;
display: table;
}
</style>
<div class="row">
<div class="coluna">
<img src="imagem1" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem2" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem3" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem4" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem5" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem6" alt="Teste" style="width:100%">
</div>
<div class="coluna">
<img src="imagem7" alt="Teste" style="width:100%">
</div>
</div>
Espero ter ajudado!