How do I center this text vertically?

I am working on the Challenge Project: Build a Website Design System. I have the color swatches in their own divs, but I want to center the name of each swatch (e.g. “Periwinkle”) within the center of its circle. I have tried messing with the padding, but it just messes up the layout. Any suggestions?

Here is the link to the code I’m working on:

I might try:
for .color-panel p

  position: relative;
  top: 65px;

or maybe:
margin-top: calc(50% - 0.5em);


Your first solution worked! Thanks!