@@ 0,0 1,110 @@
+---
+title: Medieval Tales Color Scheme
+description: Yellowed paper like color scheme.
+date: 2024-06-18T00:18:20+02:00
+toc: false
+keywords:
+ - medieval
+ - color
+ - palette
+---
+
+The following colors were selected as part of a software development project at university. \
+However, we ended up using a different color palette, so I decided to publish the colors here.
+
+This color palette is licensed under the `MIT` license.
+
+# Goals
+The goal of this color scheme is to encapsulate the old,
+sepia vibe of medieval fantasy paintings like [these](https://canvas-canvaskle.blogspot.com/2021/02/concept-art-medieval-landscape.html).
+
+To do this, I selected a couple of pictures from my duckduckgo search results,
+opened them in Gimp and applied an oil painting filter.
+This was done to smooth the colors and make selecting them with the color picker easier.
+
+Afterwards, I went through, selected fitting colors, and adjusted the hue, saturation, and value. \
+Some additional, complementary colors were then manually hand-crafted from the first batch of colors.
+
+You can find the full color palette below.
+
+# Colors
+
+## White
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#f7e3ba" >}}
+{{< color-swatch "#f2d2b6" >}}
+{{< color-swatch "#d9c1ac" >}}
+{{< color-swatch "#bf9d8b" >}}
+</div>
+
+## Black
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#363028" >}}
+{{< color-swatch "#45423b" >}}
+{{< color-swatch "#605947" >}}
+{{< color-swatch "#827765" >}}
+</div>
+
+## Red
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#98401d" >}}
+{{< color-swatch "#c54825" >}}
+{{< color-swatch "#dc5e3a" >}}
+{{< color-swatch "#ea6746" >}}
+</div>
+
+## Orange & Yellow
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#d97f1b" >}}
+{{< color-swatch "#f69c27" >}}
+{{< color-swatch "#eaa200" >}}
+{{< color-swatch "#f3b900" >}}
+</div>
+
+## Ochre
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#956625" >}}
+{{< color-swatch "#b5824b" >}}
+{{< color-swatch "#c49e63" >}}
+{{< color-swatch "#e0b77c" >}}
+</div>
+
+## Brown
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#784d1d" >}}
+{{< color-swatch "#93571b" >}}
+{{< color-swatch "#a5724d" >}}
+{{< color-swatch "#c59067" >}}
+</div>
+
+## Purple
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#8c5b9b" >}}
+{{< color-swatch "#9c69b0" >}}
+{{< color-swatch "#c998be" >}}
+{{< color-swatch "#e0afcd" >}}
+</div>
+
+## Light blue
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#83cedc" >}}
+{{< color-swatch "#aae6e5" >}}
+{{< color-swatch "#b5c7da" >}}
+{{< color-swatch "#d2e0e8" >}}
+</div>
+
+## Blue
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#3a4f7b" >}}
+{{< color-swatch "#4a6293" >}}
+{{< color-swatch "#5f79ae" >}}
+{{< color-swatch "#809bc4" >}}
+</div>
+
+## Green
+<div style="display: flex; margin: 0.4rem">
+{{< color-swatch "#3b4026" >}}
+{{< color-swatch "#686422" >}}
+{{< color-swatch "#939035" >}}
+{{< color-swatch "#b5ab4a" >}}
+</div>