ooks/ooknet
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

test: generated docs

Browse source
This commit is contained in:
ooks-io 2024-11-07 13:30:00 +11:00
parent 133b184e70
commit 0621d2c448
1 changed files with 300 additions and 298 deletions
Download patch file Download diff file Expand all files Collapse all files

598
outputs/hozen/readme.md
View file

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