---
title: Colors
page-header: Colors
page-menu: base.colors
layout: default
permalink: colors.html
---

{% assign colors = '' | split: '' %}
{% for color in site.colors %}
{% assign colors = colors | push: color[0] %}
{% endfor %}


<div class="row row-cards">
	<div class="col-3">
		<div class="card">
			<div class="card-body">
				<div class="row g-3">
					{% for color in site.colors %}
					<div class="col-12">
						<div class="row align-items-center">
							<div class="col-auto">
								<div class="