@@ 0,0 1,191 @@
+---
+title: Antico Color Scheme
+description: Color scheme inspired by the Gotico-Antiqua research project
+date: 2024-06-18T00:14:40+02:00
+toc: false
+keywords:
+ - medieval
+ - antique
+ - gothic
+ - color
+ - palette
+---
+
+The following colors were selected as part of a software development project at university. \
+However, we ended up using a modified color palette, so I decided to publish the colors here.
+
+This color palette is licensed under the `MIT` license.
+
+# Why
+Close your eyes. Think of a medieval time period, or the way old books look.
+Picture the illustrations drawn in these books.
+See those vivid colors, those deep blues and the red capital letters.
+
+Now go online and try to find a medieval color palette, that is freely available.
+
+This is where *Antico* comes in.
+
+> Antico is a handpicked, gotic/antique color palette with many color variants.
+
+# Process
+When looking for medieval-style fonts,
+I came across [GoticoAntiqua](http://gotico-antiqua.anrt-nancy.fr/):
+> In parallel to historical research, Rafael Ribas & Alexis Faudot, researchers at ANRT, produced fifteen fonts and one set of initial letters.
+
+A true gold mine, if you ask me.
+Inspired by these fonts, I created a sepia-style color palette,
+by referencing fantasy-style paintings of medieval landscapes.
+
+Antico was created in a similar fashion,
+this time, I went through the videos on the GoticoAntiqua website,
+and screenshotted all the parts where they showed writing and illustrations.
+Then I went through and hand-picked matching colors from these pictures.
+
+You can find these colors below.
+
+# Colors
+## White
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#f8e9e2" >}}
+{{< color-swatch "#f1e1d4" >}}
+{{< color-swatch "#e4d7c7" >}}
+{{< color-swatch "#f3dfbc" >}}
+</div>
+
+## Black
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#1c1c1e" >}}
+{{< color-swatch "#252525" >}}
+{{< color-swatch "#333028" >}}
+{{< color-swatch "#524f3e" >}}
+</div>
+
+## Blue-Grey
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#3b4753" >}}
+{{< color-swatch "#535e61" >}}
+{{< color-swatch "#6e797f" >}}
+{{< color-swatch "#9ba2aa" >}}
+</div>
+
+## Red
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#cb2e1d" >}}
+{{< color-swatch "#d33c33" >}}
+{{< color-swatch "#ec5f41" >}}
+{{< color-swatch "#fd9d6b" >}}
+</div>
+
+## Orange
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#a7660c" >}}
+{{< color-swatch "#c58325" >}}
+{{< color-swatch "#d69331" >}}
+{{< color-swatch "#d8903b" >}}
+</div>
+
+## Yellow
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#c79840" >}}
+{{< color-swatch "#d9a646" >}}
+{{< color-swatch "#e9bf59" >}}
+{{< color-swatch "#ddbd6e" >}}
+</div>
+
+## Sand
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#e8c397" >}}
+{{< color-swatch "#eecda0" >}}
+{{< color-swatch "#eed6b0" >}}
+{{< color-swatch "#eedab8" >}}
+</div>
+
+## Light brown
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#9a7860" >}}
+{{< color-swatch "#ac8b63" >}}
+{{< color-swatch "#ba8d63" >}}
+{{< color-swatch "#bb8950" >}}
+</div>
+
+## Brown
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#4b2e19" >}}
+{{< color-swatch "#794826" >}}
+{{< color-swatch "#6f4832" >}}
+{{< color-swatch "#7f5336" >}}
+</div>
+
+## Purple
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#4c384d" >}}
+{{< color-swatch "#5e4359" >}}
+{{< color-swatch "#765c76" >}}
+{{< color-swatch "#826379" >}}
+</div>
+
+## Pink
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#cd7268" >}}
+{{< color-swatch "#c97763" >}}
+{{< color-swatch "#da9284" >}}
+{{< color-swatch "#f2b09e" >}}
+</div>
+
+## Light blue
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#607ca1" >}}
+{{< color-swatch "#6e8dad" >}}
+{{< color-swatch "#83a0c0" >}}
+{{< color-swatch "#92a6b6" >}}
+</div>
+
+## Blue
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#283f55" >}}
+{{< color-swatch "#436080" >}}
+{{< color-swatch "#526c9e" >}}
+{{< color-swatch "#5976aa" >}}
+</div>
+
+## Deep Blue
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#071f47" >}}
+{{< color-swatch "#022d5c" >}}
+{{< color-swatch "#284e7e" >}}
+{{< color-swatch "#335880" >}}
+</div>
+
+## Cyan
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#001a31" >}}
+{{< color-swatch "#00374a" >}}
+{{< color-swatch "#215967" >}}
+{{< color-swatch "#286d7e" >}}
+</div>
+
+## Teal
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#4c7656" >}}
+{{< color-swatch "#5c8763" >}}
+{{< color-swatch "#568967" >}}
+{{< color-swatch "#87aa86" >}}
+</div>
+
+## Light Green
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#6a8e47" >}}
+{{< color-swatch "#7c9e57" >}}
+{{< color-swatch "#8c9f5b" >}}
+{{< color-swatch "#9ab060" >}}
+</div>
+
+## Green
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#253804" >}}
+{{< color-swatch "#3b4f1b" >}}
+{{< color-swatch "#4e6426" >}}
+{{< color-swatch "#5f762c" >}}
+</div>
+
+