How can I fix empty color swatches in my product grid?

Hi im trying to add color swatches in products grid. the problem is the squares of color are empty, can someone to figure out this issue. I already add somecolors in assets for testing and nothing.

https://www.normastore.com.mx/collections/otono-2021-joseph

I add this code in route: snippets → product-grid-item.liquid →

{% for option in product.options %}
{% if option == ‘Color’ %}
{% assign index = forloop.index0 %}
{% assign colorlist = ‘’ %}
{% assign color = ‘’ %}
{% for variant in product.variants %}
{% capture color %}
{{ variant.options[index] }}
{% endcapture %}
{% unless colorlist contains color %}
<img src=“{{ color | downcase | append: ‘.png’ | asset_url }}”
alt=“{{ color }}” width=“16” height=“16” />
{% capture tempList %}
{{colorlist | append: color | append: ’ '}}
{% endcapture %}
{% assign colorlist = tempList %}
{% endunless %}
{% endfor %}
{% endif %}
{% endfor %}

![Captura.PNG|1678x793](upload://tofgvkLrzZ8oOVLuTM23K42axbI.jpeg)

Hello, @jorgesolis

Welcome to the shopify Community.

You need to upload the color image named with the color name.

For ex: There is color named BEIGE, then you need to take a image with around 50x50 dimension and rename it to beige (All letters will be in small letters, if there are two words in name then you need to remove that space and put '-’ between two words. Ex: negro-multi) and the file should be in PNG format.

Then upload it to asset folder and then refresh your web page. The color should be there.

Thank you.