{% macro label(color, border) %}
{{ color }}<span class="color-label" style="background-color: {{ color }}; {{ border }}"></span>
{% endmacro %}

{% macro palette(colorName, colors) %}
    <div class="color-palette">
        <p class="color-name">{{ colorName }}</p>
        <div class="colors">
            {% for color in colors %}
                <div class="color-container">
                    <div class="color-box" style="background-color: {{ color }};"></div>
                    <p class="color-code">{{ color }}</p>
                </div>
            {% endfor %}
        </div>
    </div>
{% endmacro %}