v50 Steam/Premium information for editors
  • v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
  • Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.

Difference between revisions of "Color"

From Dwarf Fortress Wiki
Jump to navigation Jump to search
(→‎Color lists: Olivine's color has been changed to yellow.)
m (fix transposed values in hex code)
 
(17 intermediate revisions by 10 users not shown)
Line 1: Line 1:
{{Quality|Exceptional|15:26, 17 May 2015 (UTC)}}
+
 
 +
{{Quality|Exceptional}}
 +
{{Modding}}
 
{{av}}
 
{{av}}
 
: {{for/see|an overview of graphics in Dwarf Fortress|[[Graphics]]}}
 
: {{for/see|an overview of graphics in Dwarf Fortress|[[Graphics]]}}
 
: {{for/see|user-compiled colors|[[color scheme]]}}
 
: {{for/see|user-compiled colors|[[color scheme]]}}
 
: {{for/see|lists of the colors of materials, professions, creatures, etc.|[[Color#Color lists|the "Color Lists" at the bottom of this page]]}}
 
: {{for/see|lists of the colors of materials, professions, creatures, etc.|[[Color#Color lists|the "Color Lists" at the bottom of this page]]}}
 +
[[File:palettes_v50.png|right]]''Dwarf Fortress'' can use roughly 8424 '''colors''' to give many tiles such as foregrounds, backgrounds and sprites different colors. These colors make up the [[color scheme]]. Which of these colors are assigned to a given tile is often decided by values in its raw file. Whether a pixel shows foreground, background, black or anything in between is influenced by its brightness and opacity. These colors are shown at the right:
  
''Dwarf Fortress'' can use 16 '''colors''' to give every tile a foreground and background color. These 16 colors make up the [[color scheme]]. Which of these colors are assigned to a given tile is often decided by values in its raw file. Whether a pixel shows  foreground, background, black or anything in between is influenced by its brightness and opacity. The 16 colors are shown below:<br />
+
The original game used a simplistic 16-color palette, with 8 of those colors: black, blue, green, cyan, red, purple, yellow, grey, and a lighter version of those colors creating a total of 16. The game also has an option to use the classic ASCII visuals, mimicking the classic version of the game by using 16 colors. Even with the updated graphics turned on, the text in the GUI still references the color scheme. Color is also used to express various information, from a dwarf's [[profession]], to the natural color of a terrain feature, to the material an item is made of.
 
 
[[File:color_scheme_default_lrg.png|190px]]
 
 
 
Color is used to express various information, from a dwarf's [[profession]], to the natural color of a terrain feature, to the material an item is made of.
 
  
 +
Some sprite sheets contain their own dedicated color palettes.
 
== Overview ==
 
== Overview ==
 
=== The tileset influences color display ===
 
=== The tileset influences color display ===
Line 24: Line 24:
  
 
=== Colors are assigned based on material and other raw values ===
 
=== Colors are assigned based on material and other raw values ===
To decide which colors to use, DF looks at raw values for that object (color value or color token) and selects a foreground and background color from the 16 colors in the [[color scheme]]. When a color value is defined, it directly picks it from the 16. When instead a color token is defined, the game compares the color token definition to all 16 colors in the color scheme and picks the closest match.
+
To decide which colors to use for a tile in ASCII mode, DF looks at raw values for that object (color value or color token) and selects a foreground and background color from the 16 colors in the [[color scheme]]. When a color value is defined, it directly picks it from the 16. When instead a color token is defined, the game compares the color token definition to all 16 colors in the color scheme and picks the closest match.
 +
 
 +
For tiles in graphics mode, it instead uses a raw-defined palette. The default palette image is shown above. It checks for each color in the row defined by the PALETTE_DEFAULT token--in this case, the first row--and then maps it to the corresponding color in the same column, based on the STATE_COLOR of the object that the tile being printed corresponds to. For the vanilla raws, this is all in alphabetical order. New palettes and colors can be defined in the same way.
  
 
<!-- TODO
 
<!-- TODO
Line 83: Line 85:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em; text-align: left" | BLUE
 
| style="padding: 0.15em 0.4em; text-align: left" | BLUE
|- style="color: white; background: {{fgcolor|2:0}}"
+
|- style="color: black; background: {{fgcolor|2:0}}"
 
| style="padding: 0.15em 0.4em" | 2
 
| style="padding: 0.15em 0.4em" | 2
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em; text-align: left" | GREEN
 
| style="padding: 0.15em 0.4em; text-align: left" | GREEN
|- style="color: white; background: {{fgcolor|3:0}}"
+
|- style="color: black; background: {{fgcolor|3:0}}"
 
| style="padding: 0.15em 0.4em" | 3
 
| style="padding: 0.15em 0.4em" | 3
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
Line 99: Line 101:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em; text-align: left" | MAGENTA
 
| style="padding: 0.15em 0.4em; text-align: left" | MAGENTA
|- style="color: white; background: {{fgcolor|6:0}}"
+
|- style="color: black; background: {{fgcolor|6:0}}"
 
| style="padding: 0.15em 0.4em" | 6
 
| style="padding: 0.15em 0.4em" | 6
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
Line 115: Line 117:
 
! style="padding: 0.15em 0.4em; width: 9em; text-align: left" | Name
 
! style="padding: 0.15em 0.4em; width: 9em; text-align: left" | Name
 
! style="padding: 0.15em 0.4em; width: 3em" | Alt.
 
! style="padding: 0.15em 0.4em; width: 3em" | Alt.
|- style="color: white; background: {{fgcolor|0:1}}"
+
|- style="color: black; background: {{fgcolor|0:1}}"
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em; text-align: left" | DGRAY
 
| style="padding: 0.15em 0.4em; text-align: left" | DGRAY
 
| style="padding: 0.15em 0.4em" | 8
 
| style="padding: 0.15em 0.4em" | 8
|- style="color: white; background: {{fgcolor|1:1}}"
+
|- style="color: black; background: {{fgcolor|1:1}}"
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
Line 135: Line 137:
 
| style="padding: 0.15em 0.4em; text-align: left" | LCYAN
 
| style="padding: 0.15em 0.4em; text-align: left" | LCYAN
 
| style="padding: 0.15em 0.4em" | 11
 
| style="padding: 0.15em 0.4em" | 11
|- style="color: white; background: {{fgcolor|4:1}}"
+
|- style="color: black; background: {{fgcolor|4:1}}"
 
| style="padding: 0.15em 0.4em" | 4
 
| style="padding: 0.15em 0.4em" | 4
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
Line 169: Line 171:
 
=== Color tokens ===
 
=== Color tokens ===
  
Material contaminants and [[dye]]s do not use color flags. Instead, they reference [[Descriptor color token|color tokens]] defined in descriptor_color_standard.txt. Color tokens are referenced by their token name, e.g. <code>[STATE_COLOR:SOLID:DARK_GREEN]</code> or <code>[POWDER_DYE:EMERALD]</code>. The defined RGB values are not displayed in-game; one of the 16 display colors is used instead, choosing the one with the closest RGB values.
+
When in graphics mode, most things do not use color flags. Instead, they reference [[Descriptor color token|color tokens]] defined in descriptor_color_standard.txt. Color tokens are referenced by their token name, e.g. <code>[STATE_COLOR:SOLID:DARK_GREEN]</code> or <code>[POWDER_DYE:EMERALD]</code>. The defined RGB values are not displayed in-game; instead, it assigns colors in the sprite from the top row of the palette file (seen above) to the row defined in data/vanilla/vanilla_descriptors_graphics/graphics/palette_default.txt, or any user-defined palette objects.
  
The following colors are grouped according to their corresponding display color. Hexadecimal color values are not used in the raws, but correspond to the RGB values that are. For further information, see the Wikipedia article on [[wikipedia:Web colors|web colors]].
+
The following colors are grouped according to their corresponding display color in ASCII mode. Hexadecimal color values are not used in the raws, but correspond to the RGB values that are. For further information, see the Wikipedia article on [[wikipedia:Web colors|web colors]].
  
 
{| style="margin: 1em auto; border-spacing: 0;"
 
{| style="margin: 1em auto; border-spacing: 0;"
Line 178: Line 180:
 
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''DGRAY colors'''
 
|+ '''DGRAY colors'''
|- style="background: {{fgcolor|0:1}}; color: white"
+
|- style="background: {{fgcolor|0:1}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
Line 200: Line 202:
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | #808080
 
| style="padding: 0.15em 0.4em" | #808080
|- style="color: white; background: rgb(72, 60, 50)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_DARK
 
| style="padding: 0.15em 0.4em" | 72
 
| style="padding: 0.15em 0.4em" | 60
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | #483C32
 
|- style="color: white; background: rgb(54, 69, 79)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CHARCOAL
 
| style="padding: 0.15em 0.4em" | 54
 
| style="padding: 0.15em 0.4em" | 69
 
| style="padding: 0.15em 0.4em" | 79
 
| style="padding: 0.15em 0.4em" | #36454F
 
|- style="color: white; background: rgb(80, 64, 77)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_PURPLE
 
| style="padding: 0.15em 0.4em" | 80
 
| style="padding: 0.15em 0.4em" | 64
 
| style="padding: 0.15em 0.4em" | 77
 
| style="padding: 0.15em 0.4em" | #50404D
 
 
|- style="color: black; background: rgb(139, 133, 137)"
 
|- style="color: black; background: rgb(139, 133, 137)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_GRAY
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_GRAY
Line 287: Line 271:
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
|- style="color: white; background: rgb(144, 93, 93)"
+
|- style="color: white; background: rgb(128, 0, 0)"
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_ROSE
+
| style="padding: 0.15em 0.4em; text-align: left" | MAROON
| style="padding: 0.15em 0.4em" | 144
+
| style="padding: 0.15em 0.4em" | 128
| style="padding: 0.15em 0.4em" | 93
 
| style="padding: 0.15em 0.4em" | 93
 
| style="padding: 0.15em 0.4em" | #905D5D
 
|- style="color: white; background: rgb(128, 0, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MAROON
 
| style="padding: 0.15em 0.4em" | 128
 
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | #800000
 
| style="padding: 0.15em 0.4em" | #800000
|- style="color: black; background: rgb(184, 115, 51)"
+
|- style="color: white; background: rgb(205, 92, 92)"
| style="padding: 0.15em 0.4em; text-align: left" | COPPER
+
| style="padding: 0.15em 0.4em; text-align: left" | CHESTNUT
| style="padding: 0.15em 0.4em" | 184
+
| style="padding: 0.15em 0.4em" | 205
| style="padding: 0.15em 0.4em" | 115
+
| style="padding: 0.15em 0.4em" | 92
| style="padding: 0.15em 0.4em" | 51
+
| style="padding: 0.15em 0.4em" | 92
| style="padding: 0.15em 0.4em" | #B87333
+
| style="padding: 0.15em 0.4em" | #CD5C5C
|- style="color: white; background: rgb(152, 105, 96)"
+
|- style="color: black; background: rgb(244, 194, 194)"
| style="padding: 0.15em 0.4em; text-align: left" | DARK_CHESTNUT
+
| style="padding: 0.15em 0.4em; text-align: left" | ROSE
| style="padding: 0.15em 0.4em" | 152
+
| style="padding: 0.15em 0.4em" | 244
| style="padding: 0.15em 0.4em" | 105
+
| style="padding: 0.15em 0.4em" | 194
 +
| style="padding: 0.15em 0.4em" | 194
 +
| style="padding: 0.15em 0.4em" | #F4C2C2
 +
|- style="color: white; background: rgb(255, 0, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | RED
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | #FF0000
 +
|- style="color: white; background: rgb(227, 66, 52)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | VERMILION
 +
| style="padding: 0.15em 0.4em" | 227
 +
| style="padding: 0.15em 0.4em" | 66
 +
| style="padding: 0.15em 0.4em" | 52
 +
| style="padding: 0.15em 0.4em" | #E34234
 +
|- style="color: white; background: rgb(152, 105, 96)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | DARK_CHESTNUT
 +
| style="padding: 0.15em 0.4em" | 152
 +
| style="padding: 0.15em 0.4em" | 105
 
| style="padding: 0.15em 0.4em" | 96
 
| style="padding: 0.15em 0.4em" | 96
 
| style="padding: 0.15em 0.4em" | #986960
 
| style="padding: 0.15em 0.4em" | #986960
|- style="color: white; background: rgb(183, 65, 14)"
+
|- style="color: black; background: rgb(233, 116, 81)"
| style="padding: 0.15em 0.4em; text-align: left" | RUST
+
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_SIENNA
| style="padding: 0.15em 0.4em" | 183
+
| style="padding: 0.15em 0.4em" | 233
| style="padding: 0.15em 0.4em" | 65
+
| style="padding: 0.15em 0.4em" | 116
| style="padding: 0.15em 0.4em" | 14
+
| style="padding: 0.15em 0.4em" | 81
| style="padding: 0.15em 0.4em" | #B7410E
+
| style="padding: 0.15em 0.4em" | #E97451
 +
|- style="color: white; background: rgb(192, 64, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | MAHOGANY
 +
| style="padding: 0.15em 0.4em" | 192
 +
| style="padding: 0.15em 0.4em" | 64
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | #C04000
 
|- style="color: white; background: rgb(152, 118, 84)"
 
|- style="color: white; background: rgb(152, 118, 84)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BROWN
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BROWN
Line 323: Line 325:
 
| style="padding: 0.15em 0.4em" | 84
 
| style="padding: 0.15em 0.4em" | 84
 
| style="padding: 0.15em 0.4em" | #987654
 
| style="padding: 0.15em 0.4em" | #987654
|- style="color: white; background: rgb(150, 113, 23)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_SANDY
 
| style="padding: 0.15em 0.4em" | 150
 
| style="padding: 0.15em 0.4em" | 113
 
| style="padding: 0.15em 0.4em" | 23
 
| style="padding: 0.15em 0.4em" | #967117
 
|- style="color: black; background: rgb(145, 129, 81)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_TAN
 
| style="padding: 0.15em 0.4em" | 145
 
| style="padding: 0.15em 0.4em" | 129
 
| style="padding: 0.15em 0.4em" | 81
 
| style="padding: 0.15em 0.4em" | #918151
 
|- style="color: white; background: rgb(153, 51, 102)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MAUVE
 
| style="padding: 0.15em 0.4em" | 153
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 102
 
| style="padding: 0.15em 0.4em" | #993366
 
 
|- style="color: white; background: rgb(178, 0, 75)"
 
|- style="color: white; background: rgb(178, 0, 75)"
 
| style="padding: 0.15em 0.4em; text-align: left" | RED_PURPLE
 
| style="padding: 0.15em 0.4em; text-align: left" | RED_PURPLE
Line 347: Line 331:
 
| style="padding: 0.15em 0.4em" | 75
 
| style="padding: 0.15em 0.4em" | 75
 
| style="padding: 0.15em 0.4em" | #B2004B
 
| style="padding: 0.15em 0.4em" | #B2004B
|- style="color: white; background: rgb(145, 95, 109)"
+
|- style="color: black; background: rgb(231, 84, 128)"
| style="padding: 0.15em 0.4em; text-align: left" | MAUVE_TAUPE
+
| style="padding: 0.15em 0.4em; text-align: left" | DARK_PINK
| style="padding: 0.15em 0.4em" | 145
+
| style="padding: 0.15em 0.4em" | 231
| style="padding: 0.15em 0.4em" | 95
+
| style="padding: 0.15em 0.4em" | 84
| style="padding: 0.15em 0.4em" | 109
+
| style="padding: 0.15em 0.4em" | 128
| style="padding: 0.15em 0.4em" | #915F6D
+
| style="padding: 0.15em 0.4em" | #E75480
 
|- style="color: white; background: rgb(86, 3, 25)"
 
|- style="color: white; background: rgb(86, 3, 25)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_SCARLET
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_SCARLET
Line 359: Line 343:
 
| style="padding: 0.15em 0.4em" | 25
 
| style="padding: 0.15em 0.4em" | 25
 
| style="padding: 0.15em 0.4em" | #560319
 
| style="padding: 0.15em 0.4em" | #560319
 +
|- style="color: white; background: rgb(220, 20, 60)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | CRIMSON
 +
| style="padding: 0.15em 0.4em" | 220
 +
| style="padding: 0.15em 0.4em" | 20
 +
| style="padding: 0.15em 0.4em" | 60
 +
| style="padding: 0.15em 0.4em" | #DC143C
 
|- style="color: white; background: rgb(150, 0, 24)"
 
|- style="color: white; background: rgb(150, 0, 24)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CARMINE
 
| style="padding: 0.15em 0.4em; text-align: left" | CARMINE
Line 365: Line 355:
 
| style="padding: 0.15em 0.4em" | 24
 
| style="padding: 0.15em 0.4em" | 24
 
| style="padding: 0.15em 0.4em" | #960018
 
| style="padding: 0.15em 0.4em" | #960018
 +
|- style="color: white; background: rgb(196, 30, 58)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | CARDINAL
 +
| style="padding: 0.15em 0.4em" | 196
 +
| style="padding: 0.15em 0.4em" | 30
 +
| style="padding: 0.15em 0.4em" | 58
 +
| style="padding: 0.15em 0.4em" | #C41E3A
 
|}
 
|}
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''LRED colors'''
 
|+ '''LRED colors'''
|- style="background: {{fgcolor|4:1}}; color: white"
+
|- style="background: {{fgcolor|4:1}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
|- style="color: white; background: rgb(205, 92, 92)"
+
|- style="color: white; background: rgb(183, 65, 14)"
| style="padding: 0.15em 0.4em; text-align: left" | CHESTNUT
+
| style="padding: 0.15em 0.4em; text-align: left" | RUST
| style="padding: 0.15em 0.4em" | 205
+
| style="padding: 0.15em 0.4em" | 183
| style="padding: 0.15em 0.4em" | 92
+
| style="padding: 0.15em 0.4em" | 65
| style="padding: 0.15em 0.4em" | 92
+
| style="padding: 0.15em 0.4em" | 14
| style="padding: 0.15em 0.4em" | #CD5C5C
+
| style="padding: 0.15em 0.4em" | #B7410E
|- style="color: black; background: rgb(244, 194, 194)"
+
|- style="color: black; background: rgb(255, 117, 24)"
| style="padding: 0.15em 0.4em; text-align: left" | ROSE
+
| style="padding: 0.15em 0.4em; text-align: left" | PUMPKIN
| style="padding: 0.15em 0.4em" | 244
 
| style="padding: 0.15em 0.4em" | 194
 
| style="padding: 0.15em 0.4em" | 194
 
| style="padding: 0.15em 0.4em" | #F4C2C2
 
|- style="color: white; background: rgb(255, 0, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | RED
 
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 117
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 24
| style="padding: 0.15em 0.4em" | #FF0000
+
| style="padding: 0.15em 0.4em" | #FF7518
|- style="color: white; background: rgb(227, 66, 52)"
+
|- style="color: white; background: rgb(112, 66, 20)"
| style="padding: 0.15em 0.4em; text-align: left" | VERMILION
+
| style="padding: 0.15em 0.4em; text-align: left" | SEPIA
| style="padding: 0.15em 0.4em" | 227
+
| style="padding: 0.15em 0.4em" | 112
 
| style="padding: 0.15em 0.4em" | 66
 
| style="padding: 0.15em 0.4em" | 66
| style="padding: 0.15em 0.4em" | 52
+
| style="padding: 0.15em 0.4em" | 20
| style="padding: 0.15em 0.4em" | #E34234
+
| style="padding: 0.15em 0.4em" | #704214
|- style="color: black; background: rgb(233, 116, 81)"
+
|- style="color: white; background: rgb(150, 75, 0)"
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_SIENNA
+
| style="padding: 0.15em 0.4em; text-align: left" | BROWN
| style="padding: 0.15em 0.4em" | 233
+
| style="padding: 0.15em 0.4em" | 150
| style="padding: 0.15em 0.4em" | 116
+
| style="padding: 0.15em 0.4em" | 75
| style="padding: 0.15em 0.4em" | 81
 
| style="padding: 0.15em 0.4em" | #E97451
 
|- style="color: white; background: rgb(192, 64, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MAHOGANY
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 64
 
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em" | #C04000
+
| style="padding: 0.15em 0.4em" | #964B00
|- style="color: white; background: rgb(210, 105, 30)"
+
|- style="color: white; background: rgb(123, 63, 0)"
| style="padding: 0.15em 0.4em; text-align: left" | CHOCOLATE
+
| style="padding: 0.15em 0.4em; text-align: left" | CINNAMON
 +
| style="padding: 0.15em 0.4em" | 123
 +
| style="padding: 0.15em 0.4em" | 63
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | #7B3F00
 +
|- style="color: black; background: rgb(210, 180, 140)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | TAN
 
| style="padding: 0.15em 0.4em" | 210
 
| style="padding: 0.15em 0.4em" | 210
| style="padding: 0.15em 0.4em" | 105
+
| style="padding: 0.15em 0.4em" | 180
| style="padding: 0.15em 0.4em" | 30
+
| style="padding: 0.15em 0.4em" | 140
| style="padding: 0.15em 0.4em" | #DC691E
+
| style="padding: 0.15em 0.4em" | #D2B48C
|- style="color: black; background: rgb(255, 117, 24)"
+
|- style="color: white; background: rgb(115, 74, 18)"
| style="padding: 0.15em 0.4em; text-align: left" | PUMPKIN
+
| style="padding: 0.15em 0.4em; text-align: left" | RAW_UMBER
| style="padding: 0.15em 0.4em" | 255
+
| style="padding: 0.15em 0.4em" | 115
| style="padding: 0.15em 0.4em" | 117
+
| style="padding: 0.15em 0.4em" | 74
| style="padding: 0.15em 0.4em" | 24
+
| style="padding: 0.15em 0.4em" | 18
| style="padding: 0.15em 0.4em" | #FF7518
+
| style="padding: 0.15em 0.4em" | #734A12
|- style="color: black; background: rgb(205, 133, 63)"
+
|- style="color: white; background: rgb(150, 113, 23)"
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BROWN
+
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_SANDY
| style="padding: 0.15em 0.4em" | 205
+
| style="padding: 0.15em 0.4em" | 150
| style="padding: 0.15em 0.4em" | 133
+
| style="padding: 0.15em 0.4em" | 113
| style="padding: 0.15em 0.4em" | 63
+
| style="padding: 0.15em 0.4em" | 23
| style="padding: 0.15em 0.4em" | #CD853F
+
| style="padding: 0.15em 0.4em" | #967117
|- style="color: black; background: rgb(205, 127, 50)"
+
|- style="color: black; background: rgb(194, 178, 128)"
| style="padding: 0.15em 0.4em; text-align: left" | BRONZE
+
| style="padding: 0.15em 0.4em; text-align: left" | ECRU
| style="padding: 0.15em 0.4em" | 205
+
| style="padding: 0.15em 0.4em" | 194
| style="padding: 0.15em 0.4em" | 127
+
| style="padding: 0.15em 0.4em" | 178
| style="padding: 0.15em 0.4em" | 50
+
| style="padding: 0.15em 0.4em" | 128
| style="padding: 0.15em 0.4em" | #CD7F32
+
| style="padding: 0.15em 0.4em" | #C2B280
|- style="color: black; background: rgb(204, 119, 34)"
+
|- style="color: white; background: rgb(255, 36, 0)"
| style="padding: 0.15em 0.4em; text-align: left" | OCHRE
 
| style="padding: 0.15em 0.4em" | 204
 
| style="padding: 0.15em 0.4em" | 119
 
| style="padding: 0.15em 0.4em" | 34
 
| style="padding: 0.15em 0.4em" | #CC7722
 
|- style="color: black; background: rgb(231, 84, 128)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_PINK
 
| style="padding: 0.15em 0.4em" | 231
 
| style="padding: 0.15em 0.4em" | 84
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | #E75480
 
|- style="color: white; background: rgb(220, 20, 60)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CRIMSON
 
| style="padding: 0.15em 0.4em" | 220
 
| style="padding: 0.15em 0.4em" | 20
 
| style="padding: 0.15em 0.4em" | 60
 
| style="padding: 0.15em 0.4em" | #DC143C
 
|- style="color: white; background: rgb(196, 30, 58)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CARDINAL
 
| style="padding: 0.15em 0.4em" | 196
 
| style="padding: 0.15em 0.4em" | 30
 
| style="padding: 0.15em 0.4em" | 58
 
| style="padding: 0.15em 0.4em" | #C41E3A
 
|- style="color: white; background: rgb(255, 36, 0)"
 
 
| style="padding: 0.15em 0.4em; text-align: left" | SCARLET
 
| style="padding: 0.15em 0.4em; text-align: left" | SCARLET
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 36
 
| style="padding: 0.15em 0.4em" | 36
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em" | #FF0024
+
| style="padding: 0.15em 0.4em" | #FF2400
 
|}
 
|}
 
|
 
|
 
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''BROWN colors'''
 
|+ '''BROWN colors'''
|- style="background: {{fgcolor|6:0}}; color: white"
+
|- style="background: {{fgcolor|6:0}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
|- style="color: white; background: rgb(117, 90, 87)"
+
|- style="color: white; background: rgb(138, 51, 36)"
| style="padding: 0.15em 0.4em; text-align: left" | RUSSET
+
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_UMBER
| style="padding: 0.15em 0.4em" | 117
+
| style="padding: 0.15em 0.4em" | 138
| style="padding: 0.15em 0.4em" | 90
 
| style="padding: 0.15em 0.4em" | 87
 
| style="padding: 0.15em 0.4em" | #755A57
 
|- style="color: white; background: rgb(103, 76, 71)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_MEDIUM
 
| style="padding: 0.15em 0.4em" | 103
 
| style="padding: 0.15em 0.4em" | 76
 
| style="padding: 0.15em 0.4em" | 71
 
| style="padding: 0.15em 0.4em" | #674C47
 
|- style="color: white; background: rgb(138, 51, 36)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_UMBER
 
| style="padding: 0.15em 0.4em" | 138
 
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 36
 
| style="padding: 0.15em 0.4em" | 36
Line 494: Line 448:
 
| style="padding: 0.15em 0.4em" | 26
 
| style="padding: 0.15em 0.4em" | 26
 
| style="padding: 0.15em 0.4em" | #6F351A
 
| style="padding: 0.15em 0.4em" | #6F351A
 +
|- style="color: white; background: rgb(210, 105, 30)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | CHOCOLATE
 +
| style="padding: 0.15em 0.4em" | 210
 +
| style="padding: 0.15em 0.4em" | 105
 +
| style="padding: 0.15em 0.4em" | 30
 +
| style="padding: 0.15em 0.4em" | #DC691E
 
|- style="color: black; background: rgb(188, 152, 126)"
 
|- style="color: black; background: rgb(188, 152, 126)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_PALE
 
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_PALE
Line 500: Line 460:
 
| style="padding: 0.15em 0.4em" | 126
 
| style="padding: 0.15em 0.4em" | 126
 
| style="padding: 0.15em 0.4em" | #BC987E
 
| style="padding: 0.15em 0.4em" | #BC987E
 +
|- style="color: black; background: rgb(184, 115, 51)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | COPPER
 +
| style="padding: 0.15em 0.4em" | 184
 +
| style="padding: 0.15em 0.4em" | 115
 +
| style="padding: 0.15em 0.4em" | 51
 +
| style="padding: 0.15em 0.4em" | #B87333
 
|- style="color: white; background: rgb(101, 67, 33)"
 
|- style="color: white; background: rgb(101, 67, 33)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_BROWN
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_BROWN
Line 506: Line 472:
 
| style="padding: 0.15em 0.4em" | 33
 
| style="padding: 0.15em 0.4em" | 33
 
| style="padding: 0.15em 0.4em" | #654321
 
| style="padding: 0.15em 0.4em" | #654321
|- style="color: white; background: rgb(112, 66, 20)"
+
|- style="color: black; background: rgb(205, 133, 63)"
| style="padding: 0.15em 0.4em; text-align: left" | SEPIA
+
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BROWN
| style="padding: 0.15em 0.4em" | 112
+
| style="padding: 0.15em 0.4em" | 205
| style="padding: 0.15em 0.4em" | 66
+
| style="padding: 0.15em 0.4em" | 133
| style="padding: 0.15em 0.4em" | 20
 
| style="padding: 0.15em 0.4em" | #704214
 
|- style="color: white; background: rgb(150, 75, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BROWN
 
| style="padding: 0.15em 0.4em" | 150
 
| style="padding: 0.15em 0.4em" | 75
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | #964B00
 
|- style="color: white; background: rgb(123, 63, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CINNAMON
 
| style="padding: 0.15em 0.4em" | 123
 
 
| style="padding: 0.15em 0.4em" | 63
 
| style="padding: 0.15em 0.4em" | 63
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | #CD853F
| style="padding: 0.15em 0.4em" | #7B3F00
+
|- style="color: black; background: rgb(205, 127, 50)"
|- style="color: white; background: rgb(115, 74, 18)"
+
| style="padding: 0.15em 0.4em; text-align: left" | BRONZE
| style="padding: 0.15em 0.4em; text-align: left" | RAW_UMBER
+
| style="padding: 0.15em 0.4em" | 205
| style="padding: 0.15em 0.4em" | 115
+
| style="padding: 0.15em 0.4em" | 127
| style="padding: 0.15em 0.4em" | 74
+
| style="padding: 0.15em 0.4em" | 50
| style="padding: 0.15em 0.4em" | 18
+
| style="padding: 0.15em 0.4em" | #CD7F32
| style="padding: 0.15em 0.4em" | #734A12
+
|- style="color: black; background: rgb(204, 119, 34)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | OCHRE
 +
| style="padding: 0.15em 0.4em" | 204
 +
| style="padding: 0.15em 0.4em" | 119
 +
| style="padding: 0.15em 0.4em" | 34
 +
| style="padding: 0.15em 0.4em" | #CC7722
 +
|- style="color: black; background: rgb(218, 165, 32)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | GOLDENROD
 +
| style="padding: 0.15em 0.4em" | 218
 +
| style="padding: 0.15em 0.4em" | 165
 +
| style="padding: 0.15em 0.4em" | 32
 +
| style="padding: 0.15em 0.4em" | #DAA520
 +
|- style="color: black; background: rgb(212, 175, 55)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | GOLD
 +
| style="padding: 0.15em 0.4em" | 212
 +
| style="padding: 0.15em 0.4em" | 175
 +
| style="padding: 0.15em 0.4em" | 55
 +
| style="padding: 0.15em 0.4em" | #D4AF37
 
|- style="color: black; background: rgb(181, 166, 66)"
 
|- style="color: black; background: rgb(181, 166, 66)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BRASS
 
| style="padding: 0.15em 0.4em; text-align: left" | BRASS
Line 542: Line 514:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | #808000
 
| style="padding: 0.15em 0.4em" | #808000
|- style="color: white; background: rgb(85, 104, 50)"
+
|}
| style="padding: 0.15em 0.4em; text-align: left" | DARK_OLIVE
+
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
| style="padding: 0.15em 0.4em" | 85
+
|+ '''YELLOW colors'''
| style="padding: 0.15em 0.4em" | 104
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | #556832
 
|- style="color: white; background: rgb(79, 121, 66)"
 
| style="padding: 0.15em 0.4em; text-align: left" | FERN_GREEN
 
| style="padding: 0.15em 0.4em" | 79
 
| style="padding: 0.15em 0.4em" | 121
 
| style="padding: 0.15em 0.4em" | 66
 
| style="padding: 0.15em 0.4em" | #4F7942
 
|}
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''YELLOW colors'''
 
 
|- style="background: {{fgcolor|6:1}}"
 
|- style="background: {{fgcolor|6:1}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
Line 567: Line 527:
 
| style="padding: 0.15em 0.4em" | 185
 
| style="padding: 0.15em 0.4em" | 185
 
| style="padding: 0.15em 0.4em" | #FFDAB9
 
| style="padding: 0.15em 0.4em" | #FFDAB9
|- style="color: black; background: rgb(210, 180, 140)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TAN
 
| style="padding: 0.15em 0.4em" | 210
 
| style="padding: 0.15em 0.4em" | 180
 
| style="padding: 0.15em 0.4em" | 140
 
| style="padding: 0.15em 0.4em" | #D2B48C
 
 
|- style="color: black; background: rgb(255, 165, 0)"
 
|- style="color: black; background: rgb(255, 165, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | ORANGE
 
| style="padding: 0.15em 0.4em; text-align: left" | ORANGE
Line 585: Line 539:
 
| style="padding: 0.15em 0.4em" | 180
 
| style="padding: 0.15em 0.4em" | 180
 
| style="padding: 0.15em 0.4em" | #FFE5B4
 
| style="padding: 0.15em 0.4em" | #FFE5B4
|- style="color: black; background: rgb(218, 165, 32)"
+
|- style="color: black; background: rgb(244, 196, 48)"
| style="padding: 0.15em 0.4em; text-align: left" | GOLDENROD
+
| style="padding: 0.15em 0.4em; text-align: left" | SAFFRON
| style="padding: 0.15em 0.4em" | 218
+
| style="padding: 0.15em 0.4em" | 244
| style="padding: 0.15em 0.4em" | 165
+
| style="padding: 0.15em 0.4em" | 196
| style="padding: 0.15em 0.4em" | 32
 
| style="padding: 0.15em 0.4em" | #DAA520
 
|- style="color: black; background: rgb(194, 178, 128)"
 
| style="padding: 0.15em 0.4em; text-align: left" | ECRU
 
| style="padding: 0.15em 0.4em" | 194
 
| style="padding: 0.15em 0.4em" | 178
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | #C2B280
 
|- style="color: black; background: rgb(244, 196, 48)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SAFFRON
 
| style="padding: 0.15em 0.4em" | 244
 
| style="padding: 0.15em 0.4em" | 196
 
 
| style="padding: 0.15em 0.4em" | 48
 
| style="padding: 0.15em 0.4em" | 48
 
| style="padding: 0.15em 0.4em" | #F4C430
 
| style="padding: 0.15em 0.4em" | #F4C430
Line 609: Line 551:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | #FFBF00
 
| style="padding: 0.15em 0.4em" | #FFBF00
|- style="color: black; background: rgb(212, 175, 55)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLD
 
| style="padding: 0.15em 0.4em" | 212
 
| style="padding: 0.15em 0.4em" | 175
 
| style="padding: 0.15em 0.4em" | 55
 
| style="padding: 0.15em 0.4em" | #D4AF37
 
 
|- style="color: black; background: rgb(240, 234, 214)"
 
|- style="color: black; background: rgb(240, 234, 214)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PEARL
 
| style="padding: 0.15em 0.4em; text-align: left" | PEARL
Line 663: Line 599:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | #CCFF00
 
| style="padding: 0.15em 0.4em" | #CCFF00
|- style="color: black; background: rgb(154, 205, 50)"
+
|}
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW_GREEN
+
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
| style="padding: 0.15em 0.4em" | 154
+
|+ '''GREEN colors'''
| style="padding: 0.15em 0.4em" | 205
+
|- style="background: {{fgcolor|2:0}}"
 +
! style="text-align: center; padding: 0.15em 0.4em" | Token
 +
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 +
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 +
|- style="color: white; background: rgb(72, 60, 50)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_DARK
 +
| style="padding: 0.15em 0.4em" | 72
 +
| style="padding: 0.15em 0.4em" | 60
 +
| style="padding: 0.15em 0.4em" | 50
 +
| style="padding: 0.15em 0.4em" | #483C32
 +
|- style="color: black; background: rgb(145, 129, 81)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | DARK_TAN
 +
| style="padding: 0.15em 0.4em" | 145
 +
| style="padding: 0.15em 0.4em" | 129
 +
| style="padding: 0.15em 0.4em" | 81
 +
| style="padding: 0.15em 0.4em" | #918151
 +
|- style="color: black; background: rgb(154, 205, 50)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW_GREEN
 +
| style="padding: 0.15em 0.4em" | 154
 +
| style="padding: 0.15em 0.4em" | 205
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | #9ACD32
 
| style="padding: 0.15em 0.4em" | #9ACD32
 +
|- style="color: white; background: rgb(85, 104, 50)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | DARK_OLIVE
 +
| style="padding: 0.15em 0.4em" | 85
 +
| style="padding: 0.15em 0.4em" | 104
 +
| style="padding: 0.15em 0.4em" | 50
 +
| style="padding: 0.15em 0.4em" | #556832
 
|- style="color: black; background: rgb(173, 255, 47)"
 
|- style="color: black; background: rgb(173, 255, 47)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GREEN-YELLOW
 
| style="padding: 0.15em 0.4em; text-align: left" | GREEN-YELLOW
Line 677: Line 638:
 
|}
 
|}
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
|+ '''GREEN colors'''
+
|+ '''LGREEN colors'''
|- style="background: {{fgcolor|2:0}}; color: white"
+
|- style="background: {{fgcolor|2:1}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
|- style="color: white; background: rgb(1, 50, 32)"
+
|- style="color: black; background: rgb(127, 255, 0)"
| style="padding: 0.15em 0.4em; text-align: left" | DARK_GREEN
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | 32
 
| style="padding: 0.15em 0.4em" | #013220
 
|- style="color: white; background: rgb(0, 168, 107)"
 
| style="padding: 0.15em 0.4em; text-align: left" | JADE
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 168
 
| style="padding: 0.15em 0.4em" | 107
 
| style="padding: 0.15em 0.4em" | #00A86B
 
|}
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''LGREEN colors'''
 
|- style="background: {{fgcolor|2:1}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
|- style="color: black; background: rgb(127, 255, 0)"
 
 
| style="padding: 0.15em 0.4em; text-align: left" | CHARTREUSE
 
| style="padding: 0.15em 0.4em; text-align: left" | CHARTREUSE
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 127
Line 719: Line 661:
 
| style="padding: 0.15em 0.4em" | 120
 
| style="padding: 0.15em 0.4em" | 120
 
| style="padding: 0.15em 0.4em" | #50C878
 
| style="padding: 0.15em 0.4em" | #50C878
|- style="color: black; background: rgb(0, 255, 127)"
+
|- style="color: white; background: rgb(1, 50, 32)"
| style="padding: 0.15em 0.4em; text-align: left" | SPRING_GREEN
+
| style="padding: 0.15em 0.4em; text-align: left" | DARK_GREEN
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 1
| style="padding: 0.15em 0.4em" | 255
+
| style="padding: 0.15em 0.4em" | 50
| style="padding: 0.15em 0.4em" | 127
+
| style="padding: 0.15em 0.4em" | 32
| style="padding: 0.15em 0.4em" | #00FF7F
+
| style="padding: 0.15em 0.4em" | #013220
 +
|- style="color: white; background: rgb(0, 168, 107)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | JADE
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 168
 +
| style="padding: 0.15em 0.4em" | 107
 +
| style="padding: 0.15em 0.4em" | #00A86B
 +
|- style="color: white; background: rgb(0, 51, 102)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | MIDNIGHT_BLUE
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 51
 +
| style="padding: 0.15em 0.4em" | 102
 +
| style="padding: 0.15em 0.4em" | #003366
 
|}
 
|}
 
|
 
|
 
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''CYAN colors'''
 
|+ '''CYAN colors'''
|- style="background: {{fgcolor|3:0}}; color: white"
+
|- style="background: {{fgcolor|3:0}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
|- style="color: white; background: rgb(46, 139, 87)"
+
|- style="color: white; background: rgb(117, 90, 87)"
| style="padding: 0.15em 0.4em; text-align: left" | SEA_GREEN
+
| style="padding: 0.15em 0.4em; text-align: left" | RUSSET
| style="padding: 0.15em 0.4em" | 46
+
| style="padding: 0.15em 0.4em" | 117
| style="padding: 0.15em 0.4em" | 139
+
| style="padding: 0.15em 0.4em" | 90
 
| style="padding: 0.15em 0.4em" | 87
 
| style="padding: 0.15em 0.4em" | 87
| style="padding: 0.15em 0.4em" | #2E8B57
+
| style="padding: 0.15em 0.4em" | #755A57
|- style="color: white; background: rgb(1, 121, 111)"
+
|- style="color: white; background: rgb(103, 76, 71)"
| style="padding: 0.15em 0.4em; text-align: left" | PINE_GREEN
+
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_MEDIUM
| style="padding: 0.15em 0.4em" | 1
+
| style="padding: 0.15em 0.4em" | 103
 +
| style="padding: 0.15em 0.4em" | 76
 +
| style="padding: 0.15em 0.4em" | 71
 +
| style="padding: 0.15em 0.4em" | #674C47
 +
|- style="color: white; background: rgb(79, 121, 66)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | FERN_GREEN
 +
| style="padding: 0.15em 0.4em" | 79
 
| style="padding: 0.15em 0.4em" | 121
 
| style="padding: 0.15em 0.4em" | 121
| style="padding: 0.15em 0.4em" | 111
+
| style="padding: 0.15em 0.4em" | 66
| style="padding: 0.15em 0.4em" | #01796F
+
| style="padding: 0.15em 0.4em" | #4F7942
|- style="color: white; background: rgb(0, 128, 128)"
+
|- style="color: black; background: rgb(173, 223, 173)"
| style="padding: 0.15em 0.4em; text-align: left" | TEAL
+
| style="padding: 0.15em 0.4em; text-align: left" | MOSS_GREEN
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 173
| style="padding: 0.15em 0.4em" | 128
+
| style="padding: 0.15em 0.4em" | 223
| style="padding: 0.15em 0.4em" | 128
+
| style="padding: 0.15em 0.4em" | 173
| style="padding: 0.15em 0.4em" | #008080
+
| style="padding: 0.15em 0.4em" | #ADDFAD
|- style="color: white; background: rgb(0, 123, 167)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CERULEAN
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 123
 
| style="padding: 0.15em 0.4em" | 167
 
| style="padding: 0.15em 0.4em" | #007BA7
 
|- style="color: white; background: rgb(0, 51, 102)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MIDNIGHT_BLUE
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 102
 
| style="padding: 0.15em 0.4em" | #003366
 
|}
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''LCYAN colors'''
 
|- style="background: {{fgcolor|3:1}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
|- style="color: black; background: rgb(173, 223, 173)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MOSS_GREEN
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | #ADDFAD
 
 
|- style="color: black; background: rgb(152, 255, 152)"
 
|- style="color: black; background: rgb(152, 255, 152)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MINT_GREEN
 
| style="padding: 0.15em 0.4em; text-align: left" | MINT_GREEN
Line 782: Line 717:
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | #98FF98
 
| style="padding: 0.15em 0.4em" | #98FF98
|- style="color: black; background: rgb(127, 255, 212)"
+
|- style="color: black; background: rgb(173, 216, 230)"
| style="padding: 0.15em 0.4em; text-align: left" | AQUAMARINE
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 212
 
| style="padding: 0.15em 0.4em" | #7FFFD4
 
|- style="color: black; background: rgb(48, 213, 200)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TURQUOISE
 
| style="padding: 0.15em 0.4em" | 48
 
| style="padding: 0.15em 0.4em" | 213
 
| style="padding: 0.15em 0.4em" | 200
 
| style="padding: 0.15em 0.4em" | #30D5C8
 
|- style="color: black; background: rgb(175, 238, 238)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BLUE
 
| style="padding: 0.15em 0.4em" | 175
 
| style="padding: 0.15em 0.4em" | 238
 
| style="padding: 0.15em 0.4em" | 238
 
| style="padding: 0.15em 0.4em" | #AFEEEE
 
|- style="color: black; background: rgb(0, 255, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUA
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | #00FFFF
 
|- style="color: black; background: rgb(173, 216, 230)"
 
 
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BLUE
 
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BLUE
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | 173
Line 812: Line 723:
 
| style="padding: 0.15em 0.4em" | 230
 
| style="padding: 0.15em 0.4em" | 230
 
| style="padding: 0.15em 0.4em" | #ADD8E6
 
| style="padding: 0.15em 0.4em" | #ADD8E6
|- style="color: black; background: rgb(135, 206, 235)"
+
|- style="color: white; background: rgb(112, 128, 144)"
| style="padding: 0.15em 0.4em; text-align: left" | SKY_BLUE
 
| style="padding: 0.15em 0.4em" | 135
 
| style="padding: 0.15em 0.4em" | 206
 
| style="padding: 0.15em 0.4em" | 235
 
| style="padding: 0.15em 0.4em" | #87CEEB
 
|}
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
|+ '''BLUE colors'''
 
|- style="background: {{fgcolor|1:0}}; color: white"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
|- style="color: white; background: rgb(112, 128, 144)"
 
 
| style="padding: 0.15em 0.4em; text-align: left" | SLATE_GRAY
 
| style="padding: 0.15em 0.4em; text-align: left" | SLATE_GRAY
 
| style="padding: 0.15em 0.4em" | 112
 
| style="padding: 0.15em 0.4em" | 112
Line 831: Line 729:
 
| style="padding: 0.15em 0.4em" | 144
 
| style="padding: 0.15em 0.4em" | 144
 
| style="padding: 0.15em 0.4em" | #708090
 
| style="padding: 0.15em 0.4em" | #708090
|- style="color: white; background: rgb(0, 71, 171)"
+
|- style="color: black; background: rgb(186, 202, 226)"
| style="padding: 0.15em 0.4em; text-align: left" | COBALT
+
| style="padding: 0.15em 0.4em; text-align: left" | BLUE-GRAY
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 186
| style="padding: 0.15em 0.4em" | 71
+
| style="padding: 0.15em 0.4em" | 202
| style="padding: 0.15em 0.4em" | 171
+
| style="padding: 0.15em 0.4em" | 226
| style="padding: 0.15em 0.4em" | #0047AB
+
| style="padding: 0.15em 0.4em" | #BACAE2
|- style="color: white; background: rgb(0, 0, 139)"
+
|- style="color: black; background: rgb(221, 173, 175)"
| style="padding: 0.15em 0.4em; text-align: left" | DARK_BLUE
+
| style="padding: 0.15em 0.4em; text-align: left" | PALE_CHESTNUT
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 221
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 173
| style="padding: 0.15em 0.4em" | 139
+
| style="padding: 0.15em 0.4em" | 175
| style="padding: 0.15em 0.4em" | #00008B
+
| style="padding: 0.15em 0.4em" | #DDADAF
|}
+
|}
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
+
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
|+ '''LBLUE colors'''
+
|+ '''LCYAN colors'''
|- style="background: {{fgcolor|1:1}}; color: white"
+
|- style="background: {{fgcolor|3:1}}"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
|- style="color: white; background: rgb(0, 127, 255)"
+
|- style="color: black; background: rgb(0, 255, 127)"
| style="padding: 0.15em 0.4em; text-align: left" | AZURE
+
| style="padding: 0.15em 0.4em; text-align: left" | SPRING_GREEN
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 127
 +
| style="padding: 0.15em 0.4em" | #00FF7F
 +
|- style="color: black; background: rgb(127, 255, 212)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | AQUAMARINE
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
| style="padding: 0.15em 0.4em" | #007FFF
+
| style="padding: 0.15em 0.4em" | 212
|- style="color: white; background: rgb(0, 0, 255)"
+
| style="padding: 0.15em 0.4em" | #7FFFD4
| style="padding: 0.15em 0.4em; text-align: left" | BLUE
+
|- style="color: black; background: rgb(48, 213, 200)"
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em; text-align: left" | TURQUOISE
 +
| style="padding: 0.15em 0.4em" | 48
 +
| style="padding: 0.15em 0.4em" | 213
 +
| style="padding: 0.15em 0.4em" | 200
 +
| style="padding: 0.15em 0.4em" | #30D5C8
 +
|- style="color: black; background: rgb(0, 255, 255)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | AQUA
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
| style="padding: 0.15em 0.4em" | #0000FF
 
|- style="color: black; background: rgb(204, 204, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PERIWINKLE
 
| style="padding: 0.15em 0.4em" | 204
 
| style="padding: 0.15em 0.4em" | 204
 
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
| style="padding: 0.15em 0.4em" | #CCCCFF
+
| style="padding: 0.15em 0.4em" | #00FFFF
 +
|- style="color: black; background: rgb(135, 206, 235)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SKY_BLUE
 +
| style="padding: 0.15em 0.4em" | 135
 +
| style="padding: 0.15em 0.4em" | 206
 +
| style="padding: 0.15em 0.4em" | 235
 +
| style="padding: 0.15em 0.4em" | #87CEEB
 +
|- style="color: black; background: rgb(200, 162, 200)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | LILAC
 +
| style="padding: 0.15em 0.4em" | 200
 +
| style="padding: 0.15em 0.4em" | 162
 +
| style="padding: 0.15em 0.4em" | 200
 +
| style="padding: 0.15em 0.4em" | #C8A2C8
 
|}
 
|}
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
 
{| style="text-align: right; border-spacing: 0 1px; margin: 1em auto 0; background: black; border-left: 1px solid black; border-right: 1px solid black; width: 100%"
|+ '''MAGENTA colors'''
+
|+ '''BLUE colors'''
|- style="background: {{fgcolor|5:0}}; color: white"
+
|- style="background: {{fgcolor|1:0}}; color: white"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
! style="text-align: center; padding: 0.15em 0.4em" | Hex
|- style="color: white; background: rgb(66, 49, 137)"
+
|- style="color: white; background: rgb(46, 139, 87)"
| style="padding: 0.15em 0.4em; text-align: left" | DARK_VIOLET
+
| style="padding: 0.15em 0.4em; text-align: left" | SEA_GREEN
| style="padding: 0.15em 0.4em" | 66
+
| style="padding: 0.15em 0.4em" | 46
| style="padding: 0.15em 0.4em" | 49
+
| style="padding: 0.15em 0.4em" | 139
| style="padding: 0.15em 0.4em" | 137
+
| style="padding: 0.15em 0.4em" | 87
| style="padding: 0.15em 0.4em" | #423189
+
| style="padding: 0.15em 0.4em" | #2E8B57
|- style="color: white; background: rgb(49, 0, 98)"
+
|- style="color: white; background: rgb(1, 121, 111)"
| style="padding: 0.15em 0.4em; text-align: left" | DARK_INDIGO
+
| style="padding: 0.15em 0.4em; text-align: left" | PINE_GREEN
| style="padding: 0.15em 0.4em" | 49
+
| style="padding: 0.15em 0.4em" | 1
 +
| style="padding: 0.15em 0.4em" | 121
 +
| style="padding: 0.15em 0.4em" | 111
 +
| style="padding: 0.15em 0.4em" | #01796F
 +
|- style="color: white; background: rgb(0, 128, 128)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | TEAL
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em" | 98
+
| style="padding: 0.15em 0.4em" | 128
| style="padding: 0.15em 0.4em" | #310062
+
| style="padding: 0.15em 0.4em" | 128
|- style="color: white; background: rgb(75, 0, 130)"
+
| style="padding: 0.15em 0.4em" | #008080
| style="padding: 0.15em 0.4em; text-align: left" | INDIGO
+
|- style="color: white; background: rgb(0, 123, 167)"
| style="padding: 0.15em 0.4em" | 75
+
| style="padding: 0.15em 0.4em; text-align: left" | CERULEAN
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em" | 130
+
| style="padding: 0.15em 0.4em" | 123
| style="padding: 0.15em 0.4em" | #4B0082
+
| style="padding: 0.15em 0.4em" | 167
|- style="color: white; background: rgb(102, 0, 153)"
+
| style="padding: 0.15em 0.4em" | #007BA7
| style="padding: 0.15em 0.4em; text-align: left" | PURPLE
+
|- style="color: white; background: rgb(0, 127, 255)"
| style="padding: 0.15em 0.4em" | 102
+
| style="padding: 0.15em 0.4em; text-align: left" | AZURE
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 127
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | #007FFF
 +
|- style="color: white; background: rgb(0, 71, 171)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | COBALT
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 71
 +
| style="padding: 0.15em 0.4em" | 171
 +
| style="padding: 0.15em 0.4em" | #0047AB
 +
|- style="color: white; background: rgb(0, 0, 139)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | DARK_BLUE
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 139
 +
| style="padding: 0.15em 0.4em" | #00008B
 +
|- style="color: white; background: rgb(0, 0, 255)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | BLUE
 
| style="padding: 0.15em 0.4em" | 0