diff --git a/README.md b/README.md
index 41a6a33..531ffc3 100644
--- a/README.md
+++ b/README.md
@@ -27,14 +27,14 @@ Die verwendenden Schriftart der WTF kooperative eG ist Lato Font [als TrueType u
 | wtf-light-orange | <img width="18px" src="colors/ffcba9.svg"/> |``#FFCBA9`` | ``0, 20, 34, 0`` | - |
 | wtf-very-light-blue | <img width="18px" src="colors/cfe2ff.svg"/> | ``#CFE2FF`` | ``0, 0, 19, 11`` | - |
 | wtf-light-blue | <img width="18px" src="colors/0790a9.svg"/> |``#0790A9`` | ``96, 15, 0, 34`` | - |
-| Orange | `F60` | `0, 60, 100, 0` |
-| Hellblau | `2A7FFF` | `84, 50, 0, 0` |
-| Dunkelblau | `003380` | `100, 60, 0, 50` | *Nur für den Rand. Zwingend erforderlich bei hellblauen auf orangen Elementen* |
-| Schwarz | `000` | `0, 0, 0, 100` |
-| Grau | `666` | `0, 0, 0, 60` |
-| Hellgrau | `F2F2F2` | `0, 0, 0, 5` |
-| Weiß | `FFF` | `0, 0, 0, 0` |
-
+| wtf-dark-blue | <img width="18px" src="colors/20386a.svg"/> | ``#20386A`` | ``70, 47, 0, 58`` | - |
+| wtf-night-blue | <img width="18px" src="colors/00173b.svg"/> | ``#00173B`` | ``100, 61, 0, 77`` | - |
+| wtf-dark-grey | <img width="18px" src="colors/202020.svg"/> | ``#202020`` | ``0, 0, 0, 87`` | - |
+| wtf-grey | <img width="18px" src="colors/666.svg"/> | ``#666`` | ``0, 0, 0, 60`` | - |
+| wtf-mid-grey | <img width="18px" src="colors/acacac.svg"/> | ``#ACACAC`` | ``0, 0, 0, 33`` | - |
+| wtf-footer-grey | <img width="18px" src="colors/344b5d.svg"/> | ``#344B5D`` | ``44, 19, 0, 64`` | - |
+| wtf-light-grey | <img width="18px" src="colors/edefeb.svg"/> | ``#EDEFEB`` | ``1, 0, 2, 6`` | - |
+| wtf-lila | <img width="18px" src="colors/60f.svg"/> | ``#60F`` | ``60, 100, 0, 0`` | - |
 
 ## Lizenz
 Sofern nicht explizit anders angegeben gilt die Lizenz wie sie in der [LICENCE](LICENCE) angeben ist.
diff --git a/colors/00173b.svg b/colors/00173b.svg
new file mode 100644
index 0000000..e531e36
--- /dev/null
+++ b/colors/00173b.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="128px"
+   height="128px"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="L3D">
+  <g id="00173b">
+    <rect
+       style="fill:#00173b"
+       id="00173b-l3d"
+       width="128"
+       height="128"
+       x="0"
+       y="0" />
+  </g>
+</svg>
diff --git a/colors/202020.svg b/colors/202020.svg
new file mode 100644
index 0000000..97c7b0e
--- /dev/null
+++ b/colors/202020.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="128px"
+   height="128px"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="L3D">
+  <g id="202020">
+    <rect
+       style="fill:#202020"
+       id="202020-l3d"
+       width="128"
+       height="128"
+       x="0"
+       y="0" />
+  </g>
+</svg>
diff --git a/colors/20386a.svg b/colors/20386a.svg
new file mode 100644
index 0000000..ac8034c
--- /dev/null
+++ b/colors/20386a.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="128px"
+   height="128px"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="L3D">
+  <g id="20386a">
+    <rect
+       style="fill:#20386a"
+       id="20386a-l3d"
+       width="128"
+       height="128"
+       x="0"
+       y="0" />
+  </g>
+</svg>
diff --git a/colors/344b5d.svg b/colors/344b5d.svg
new file mode 100644
index 0000000..a7a5db8
--- /dev/null
+++ b/colors/344b5d.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="128px"
+   height="128px"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="L3D">
+  <g id="344b5d">
+    <rect
+       style="fill:#344b5d"
+       id="344b5d-l3d"
+       width="128"
+       height="128"
+       x="0"
+       y="0" />
+  </g>
+</svg>
diff --git a/colors/666.svg b/colors/666.svg
new file mode 100644
index 0000000..f743f79
--- /dev/null
+++ b/colors/666.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="128px"
+   height="128px"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="L3D">
+  <g id="666">
+    <rect
+       style="fill:#666"
+       id="666-l3d"
+       width="128"
+       height="128"
+       x="0"
+       y="0" />
+  </g>
+</svg>
diff --git a/colors/acacac.svg b/colors/acacac.svg
new file mode 100644
index 0000000..c1361a6
--- /dev/null
+++ b/colors/acacac.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="128px"
+   height="128px"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="L3D">
+  <g id="acacac">
+    <rect
+       style="fill:#acacac"
+       id="acacac-l3d"
+       width="128"
+       height="128"
+       x="0"
+       y="0" />
+  </g>
+</svg>
diff --git a/colors/edefeb.svg b/colors/edefeb.svg
new file mode 100644
index 0000000..ed820ad
--- /dev/null
+++ b/colors/edefeb.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="128px"
+   height="128px"
+   viewBox="0 0 128 128"
+   version="1.1"
+   id="L3D">
+  <g id="edefeb">
+    <rect
+       style="fill:#edefeb"
+       id="edefeb-l3d"
+       width="128"
+       height="128"
+       x="0"
+       y="0" />
+  </g>
+</svg>