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