To show color or image swatches on your store front, you can follow these steps:

In the Filter Menu admin click on the "Display" button for your color filter group:

Then select the "Swatch" display option:

And scroll down to click "Apply"

The Filter Menu has a list of colors built in, these will automatically map to many common colors. This list currently only supports the English translations for colors.

For any colors that are not automatically matched, you can set custom colors in the App.

On each of your color filters you can set a color or image for the swatch by clicking on the icon in the "Swatch" column:

You can choose a color from the color picker, or past in a hex code for your chosen color. Or click on where it says "No swatch" to add an image: