{% set colors = [ { heading: 'Primary Colors', description: 'Primary colors and their shades used throughout the website.' }, { name: 'blue', hex: '2E6AD4' }, { name: 'gray', hex: '3f3f3f' }, { name: 'gray-light', hex: '6c6c6c' }, ] %}

1. Color Palette

{% for color in colors %} {% if color.heading %}

{{ color.heading }}

{% if color.description %}

{{ color.description }}

{% endif %}

{% elseif color.subheading %}
{{ color.subheading }}
{% else %}
#{{ color.hex }}
color('{{ color.name }}')
{% endif %} {% endfor %}