diff --git a/outputs/hozen/default.nix b/outputs/hozen/default.nix
new file mode 100644
index 0000000..049f527
--- /dev/null
+++ b/outputs/hozen/default.nix
@@ -0,0 +1,10 @@
+{ook, ...}: let
+  style = {
+    color = import ./dark.nix {inherit ook;};
+    light.color = import ./light.nix {inherit ook;};
+    dark.color = import ./dark.nix {inherit ook;};
+  };
+in {
+  _module.args.sytle = style;
+  flake.style = style;
+}
diff --git a/outputs/hozen/readme.md b/outputs/hozen/readme.md
new file mode 100644
index 0000000..20e83a4
--- /dev/null
+++ b/outputs/hozen/readme.md
@@ -0,0 +1,536 @@
+# Color Scheme Documentation
+
+## Color Preview
+
+### Base Colors
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base00 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#282828"/>
+</svg> | #282828 |
+| base01 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#3f3b3b"/>
+</svg> | #3f3b3b |
+| base02 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#585350"/>
+</svg> | #585350 |
+| base03 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7d6f64"/>
+</svg> | #7d6f64 |
+| base04 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a49384"/>
+</svg> | #a49384 |
+| base05 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d4be98"/>
+</svg> | #d4be98 |
+| base06 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d9c7a5"/>
+</svg> | #d9c7a5 |
+| base07 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#dfd2b3"/>
+</svg> | #dfd2b3 |
+| base08 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ea6962"/>
+</svg> | #ea6962 |
+| base09 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e78a4e"/>
+</svg> | #e78a4e |
+| base0A | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d8a657"/>
+</svg> | #d8a657 |
+| base0B | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a9b665"/>
+</svg> | #a9b665 |
+| base0C | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#89b482"/>
+</svg> | #89b482 |
+| base0D | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7daea3"/>
+</svg> | #7daea3 |
+| base0E | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| base0F | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a87757"/>
+</svg> | #a87757 |
+
+### Syntax Highlighting
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| boolean | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| comment | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a49384"/>
+</svg> | #a49384 |
+| constant | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#89b482"/>
+</svg> | #89b482 |
+| define | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| exception | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ea6962"/>
+</svg> | #ea6962 |
+| float | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| function | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a9b665"/>
+</svg> | #a9b665 |
+| identifier | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7daea3"/>
+</svg> | #7daea3 |
+| include | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| label | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e78a4e"/>
+</svg> | #e78a4e |
+| macro | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#89b482"/>
+</svg> | #89b482 |
+| number | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| operator | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e78a4e"/>
+</svg> | #e78a4e |
+| preCondit | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| preproc | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| special | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d8a657"/>
+</svg> | #d8a657 |
+| specialChar | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d8a657"/>
+</svg> | #d8a657 |
+| statement | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ea6962"/>
+</svg> | #ea6962 |
+| storageClass | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e78a4e"/>
+</svg> | #e78a4e |
+| string | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a9b665"/>
+</svg> | #a9b665 |
+| structure | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e78a4e"/>
+</svg> | #e78a4e |
+| tag | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#89b482"/>
+</svg> | #89b482 |
+| todo | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| type | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d8a657"/>
+</svg> | #d8a657 |
+
+### Semantic Colors
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| body | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#3f3b3b"/>
+</svg> | #3f3b3b |
+| border | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d4be98"/>
+</svg> | #d4be98 |
+| border-active | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d4be98"/>
+</svg> | #d4be98 |
+| border-inactive | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#585350"/>
+</svg> | #585350 |
+| footer | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#282828"/>
+</svg> | #282828 |
+| header | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#282828"/>
+</svg> | #282828 |
+| menu | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#282828"/>
+</svg> | #282828 |
+| subtext | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a49384"/>
+</svg> | #a49384 |
+| text | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d4be98"/>
+</svg> | #d4be98 |
+| text-bright | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d9c7a5"/>
+</svg> | #d9c7a5 |
+
+## Color Scales
+
+### Color Scale: red
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ea6962"/>
+</svg> | #ea6962 |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e2615b"/>
+</svg> | #e2615b |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d95a54"/>
+</svg> | #d95a54 |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d1544e"/>
+</svg> | #d1544e |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#c64f49"/>
+</svg> | #c64f49 |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e77a74"/>
+</svg> | #e77a74 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e58b86"/>
+</svg> | #e58b86 |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e39b96"/>
+</svg> | #e39b96 |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e3a9a6"/>
+</svg> | #e3a9a6 |
+
+### Color Scale: orange
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e78a4e"/>
+</svg> | #e78a4e |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#df8247"/>
+</svg> | #df8247 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d57b41"/>
+</svg> | #d57b41 |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#cc743c"/>
+</svg> | #cc743c |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#bc6e3c"/>
+</svg> | #bc6e3c |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e39461"/>
+</svg> | #e39461 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#e19e73"/>
+</svg> | #e19e73 |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#dea884"/>
+</svg> | #dea884 |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ddb195"/>
+</svg> | #ddb195 |
+
+### Color Scale: yellow
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d8a657"/>
+</svg> | #d8a657 |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ce9e52"/>
+</svg> | #ce9e52 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#c4964c"/>
+</svg> | #c4964c |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b88d49"/>
+</svg> | #b88d49 |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a7834b"/>
+</svg> | #a7834b |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d5ac69"/>
+</svg> | #d5ac69 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3b17b"/>
+</svg> | #d3b17b |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3b78a"/>
+</svg> | #d3b78a |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3bc9a"/>
+</svg> | #d3bc9a |
+
+### Color Scale: olive
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b9b25f"/>
+</svg> | #b9b25f |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ada75b"/>
+</svg> | #ada75b |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#9e995b"/>
+</svg> | #9e995b |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#8e8a5c"/>
+</svg> | #8e8a5c |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7e7b5d"/>
+</svg> | #7e7b5d |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b8b270"/>
+</svg> | #b8b270 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b6b280"/>
+</svg> | #b6b280 |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b6b390"/>
+</svg> | #b6b390 |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b8b69e"/>
+</svg> | #b8b69e |
+
+### Color Scale: green
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a9b665"/>
+</svg> | #a9b665 |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#9eaa62"/>
+</svg> | #9eaa62 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#939c60"/>
+</svg> | #939c60 |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#858c61"/>
+</svg> | #858c61 |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#787b62"/>
+</svg> | #787b62 |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#abb575"/>
+</svg> | #abb575 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#adb486"/>
+</svg> | #adb486 |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#afb594"/>
+</svg> | #afb594 |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b3b6a3"/>
+</svg> | #b3b6a3 |
+
+### Color Scale: teal
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#89b482"/>
+</svg> | #89b482 |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#85a87e"/>
+</svg> | #85a87e |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#819b7d"/>
+</svg> | #819b7d |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7e8d7b"/>
+</svg> | #7e8d7b |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7b7e7b"/>
+</svg> | #7b7e7b |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#96b492"/>
+</svg> | #96b492 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a2b59f"/>
+</svg> | #a2b59f |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#aeb7ad"/>
+</svg> | #aeb7ad |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b9bab9"/>
+</svg> | #b9bab9 |
+
+### Color Scale: blue
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7daea3"/>
+</svg> | #7daea3 |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#7ba198"/>
+</svg> | #7ba198 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#79938e"/>
+</svg> | #79938e |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#788582"/>
+</svg> | #788582 |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#777777"/>
+</svg> | #777777 |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#8caea7"/>
+</svg> | #8caea7 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#9bafaa"/>
+</svg> | #9bafaa |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a8b1af"/>
+</svg> | #a8b1af |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b4b4b4"/>
+</svg> | #b4b4b4 |
+
+### Color Scale: violet
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d892c1"/>
+</svg> | #d892c1 |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#cf8cb9"/>
+</svg> | #cf8cb9 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#c586b0"/>
+</svg> | #c586b0 |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#bb81a8"/>
+</svg> | #bb81a8 |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#af7e9f"/>
+</svg> | #af7e9f |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d8a1c6"/>
+</svg> | #d8a1c6 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d9b0cc"/>
+</svg> | #d9b0cc |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#dbbdd1"/>
+</svg> | #dbbdd1 |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#dec9d7"/>
+</svg> | #dec9d7 |
+
+### Color Scale: purple
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3869b"/>
+</svg> | #d3869b |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#ca8094"/>
+</svg> | #ca8094 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#bf7c8e"/>
+</svg> | #bf7c8e |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#b47788"/>
+</svg> | #b47788 |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a87482"/>
+</svg> | #a87482 |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d395a6"/>
+</svg> | #d395a6 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3a4b1"/>
+</svg> | #d3a4b1 |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d4b3bc"/>
+</svg> | #d4b3bc |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d7bfc6"/>
+</svg> | #d7bfc6 |
+
+### Color Scale: pink
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#cf91be"/>
+</svg> | #cf91be |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#c58bb6"/>
+</svg> | #c58bb6 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#bb87ac"/>
+</svg> | #bb87ac |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#af83a3"/>
+</svg> | #af83a3 |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a28099"/>
+</svg> | #a28099 |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d0a0c2"/>
+</svg> | #d0a0c2 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d0aec7"/>
+</svg> | #d0aec7 |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d3bbcc"/>
+</svg> | #d3bbcc |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#d6c8d2"/>
+</svg> | #d6c8d2 |
+
+### Color Scale: brown
+
+| Name | Preview | Hex |
+| ---- | ------- | --- |
+
+| base | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a87757"/>
+</svg> | #a87757 |
+| down1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#977259"/>
+</svg> | #977259 |
+| down2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#876c5a"/>
+</svg> | #876c5a |
+| down3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#77665a"/>
+</svg> | #77665a |
+| down4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#695f59"/>
+</svg> | #695f59 |
+| up1 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a68168"/>
+</svg> | #a68168 |
+| up2 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a58a79"/>
+</svg> | #a58a79 |
+| up3 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a59388"/>
+</svg> | #a59388 |
+| up4 | <svg xmlns="http://www.w3.org/2000/svg" width="50" height="20" viewBox="0 0 50 20">
+<rect width="50" height="20" fill="#a69d96"/>
+</svg> | #a69d96 |