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
m (fix table (fucked up in previous revision))
m (fix transposed values in hex code)
 
(48 intermediate revisions by 23 users not shown)
Line 1: Line 1:
{{Quality|Exceptional|15:26, 17 May 2015 (UTC)}}
+
 
 +
{{Quality|Exceptional}}
 +
{{Modding}}
 
{{av}}
 
{{av}}
:''(For an overview of graphics in DF, see [[Graphics|Graphics]])''
+
: {{for/see|an overview of graphics in Dwarf Fortress|[[Graphics]]}}
:''(For user compiled colors see [[color scheme]])''
+
: {{for/see|user-compiled colors|[[color scheme]]}}
DF 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.
+
: {{for/see|lists of the colors of materials, professions, creatures, etc.|[[Color#Color lists|the "Color Lists" at the bottom of this page]]}}
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.
+
[[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:
  
 +
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.
 +
 +
Some sprite sheets contain their own dedicated color palettes.
 
== Overview ==
 
== Overview ==
 
=== The tileset influences color display ===
 
=== The tileset influences color display ===
Line 13: Line 18:
 
* a transparent* pixel will show the background color
 
* a transparent* pixel will show the background color
 
* a black pixel will stay black
 
* a black pixel will stay black
The darker a white pixel is (i.e. a shade of grey), the darker the foreground color will be displayed. Similarly, a black pixel with lower opacity will result in a darker background color.  
+
The darker a white pixel is (i.e. a shade of gray), the darker the foreground color will be displayed. Similarly, a black pixel with lower opacity will result in a darker background color.  
 
A partially transparent, non-black pixel shows both the background and foreground color.{{verify}}
 
A partially transparent, non-black pixel shows both the background and foreground color.{{verify}}
 +
 
<small>*magenta for .bmp files.</small>
 
<small>*magenta for .bmp files.</small>
 +
 
=== 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 30: Line 39:
 
-tiles that are used for several things, one of which uses a black background others that don't can display different things:
 
-tiles that are used for several things, one of which uses a black background others that don't can display different things:
 
-mention walls/engravings as example.: smoothed walls use foreground color of material and black background. Engraved walls use foreground color and dark foreground color as background (actually, verify that. Isn't info on that in the old section right below?). So all black pixels (on the tileset) will be "invisible" on smooth walls (because the background is also black), but with engraved walls having a background color, you can see a pattern.
 
-mention walls/engravings as example.: smoothed walls use foreground color of material and black background. Engraved walls use foreground color and dark foreground color as background (actually, verify that. Isn't info on that in the old section right below?). So all black pixels (on the tileset) will be "invisible" on smooth walls (because the background is also black), but with engraved walls having a background color, you can see a pattern.
-Other ("advanced") example with transparency: 50%opacity white pixels next to 100%opacity 50% grey pixels
+
-Other ("advanced") example with transparency: 50%opacity white pixels next to 100%opacity 50% gray pixels
 
-other tricks I'm forgetting? check through old tileset threads on bay12
 
-other tricks I'm forgetting? check through old tileset threads on bay12
 
insert images showing the examples
 
insert images showing the examples
Line 36: Line 45:
 
-->
 
-->
  
 
+
== How colors are assigned ==
== How Colors are assigned ==
 
 
Colors of [[Status icon]]s, [[profession]]s, text and the [[interface]] in general are hardcoded. [[Item]]s, [[furniture]], [[construction]]s, and geographic features get the color of their [[material]]. Dyes and material contaminants use color tokens.
 
Colors of [[Status icon]]s, [[profession]]s, text and the [[interface]] in general are hardcoded. [[Item]]s, [[furniture]], [[construction]]s, and geographic features get the color of their [[material]]. Dyes and material contaminants use color tokens.
 
===Wall and floor color===
 
===Wall and floor color===
Line 46: Line 54:
 
* If BASIC_COLOR is left out:
 
* If BASIC_COLOR is left out:
 
** The background color is forced to 0 (effectively stripping it).
 
** The background color is forced to 0 (effectively stripping it).
** If the foreground color is 0, the game will display it as dark grey, color 8 (in other words, color 0 with brightness 1).
+
** If the foreground color is 0, the game will display it as dark gray, color 8 (in other words, color 0 with brightness 1).
 
This is effective for [[stairs]], [[floor]]s, [[ramp]]s, and [[construction]]s (in the case of stone).  When stone is [[engraving|engraved]], it uses the material's TILE_COLOR (which is the same as the DISPLAY_COLOR unless overridden).
 
This is effective for [[stairs]], [[floor]]s, [[ramp]]s, and [[construction]]s (in the case of stone).  When stone is [[engraving|engraved]], it uses the material's TILE_COLOR (which is the same as the DISPLAY_COLOR unless overridden).
 
  
 
=== Color values ===
 
=== Color values ===
Line 60: Line 67:
 
The brightness of the background color is always 0.
 
The brightness of the background color is always 0.
  
By default*, the following 8 pairs of colors are displayed:
+
By default*, the following 8 pairs of colors are displayed.  These are bright and dark shades of the primary colors, as well as black, white, and two grays:
  
 
{| style="margin: 0 auto; border-spacing: 0"
 
{| style="margin: 0 auto; border-spacing: 0"
Line 69: Line 76:
 
! style="padding: 0.15em 0.4em; width: 3em" | Col.
 
! style="padding: 0.15em 0.4em; width: 3em" | Col.
 
! style="padding: 0.15em 0.4em; width: 3em" | Bri.
 
! style="padding: 0.15em 0.4em; width: 3em" | Bri.
! style="padding: 0.15em 0.4em; width: 9em" | Name
+
! style="padding: 0.15em 0.4em; width: 9em; text-align: left" | Name
 
|- style="color: white; background: {{fgcolor|0:0}}"
 
|- style="color: white; background: {{fgcolor|0: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" | 0
| style="padding: 0.15em 0.4em; text-align: left" | Black
+
| style="padding: 0.15em 0.4em; text-align: left" | BLACK
 
|- style="color: white; background: {{fgcolor|1:0}}"
 
|- style="color: white; background: {{fgcolor|1:0}}"
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
 
| 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
| style="padding: 0.15em 0.4em; text-align: left" | Cyan
+
| style="padding: 0.15em 0.4em; text-align: left" | CYAN
 
|- style="color: white; background: {{fgcolor|4:0}}"
 
|- style="color: white; background: {{fgcolor|4:0}}"
 
| style="padding: 0.15em 0.4em" | 4
 
| style="padding: 0.15em 0.4em" | 4
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em; text-align: left" | Red
+
| style="padding: 0.15em 0.4em; text-align: left" | RED
 
|- style="color: white; background: {{fgcolor|5:0}}"
 
|- style="color: white; background: {{fgcolor|5:0}}"
 
| style="padding: 0.15em 0.4em" | 5
 
| style="padding: 0.15em 0.4em" | 5
 
| 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
| style="padding: 0.15em 0.4em; text-align: left" | Brown
+
| style="padding: 0.15em 0.4em; text-align: left" | BROWN
 
|- style="color: black; background: {{fgcolor|7:0}}"
 
|- style="color: black; background: {{fgcolor|7:0}}"
 
| style="padding: 0.15em 0.4em" | 7
 
| style="padding: 0.15em 0.4em" | 7
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em; text-align: left" | Light grey
+
| style="padding: 0.15em 0.4em; text-align: left" | LGRAY
 
|}
 
|}
 
| style="vertical-align: top; padding: 0" |  
 
| style="vertical-align: top; padding: 0" |  
Line 108: Line 115:
 
! style="padding: 0.15em 0.4em; width: 3em" | Col.
 
! style="padding: 0.15em 0.4em; width: 3em" | Col.
 
! style="padding: 0.15em 0.4em; width: 3em" | Bri.
 
! style="padding: 0.15em 0.4em; width: 3em" | Bri.
! style="padding: 0.15em 0.4em; width: 9em" | 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" | Dark grey
+
| 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
| style="padding: 0.15em 0.4em; text-align: left" | Light blue
+
| style="padding: 0.15em 0.4em; text-align: left" | LBLUE
 
| style="padding: 0.15em 0.4em" | 9
 
| style="padding: 0.15em 0.4em" | 9
 
|- style="color: black; background: {{fgcolor|2:1}}"
 
|- style="color: black; background: {{fgcolor|2:1}}"
 
| style="padding: 0.15em 0.4em" | 2
 
| style="padding: 0.15em 0.4em" | 2
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
| style="padding: 0.15em 0.4em; text-align: left" | Light green
+
| style="padding: 0.15em 0.4em; text-align: left" | LGREEN
 
| style="padding: 0.15em 0.4em" | 10
 
| style="padding: 0.15em 0.4em" | 10
 
|- style="color: black; background: {{fgcolor|3:1}}"
 
|- style="color: black; background: {{fgcolor|3:1}}"
 
| style="padding: 0.15em 0.4em" | 3
 
| style="padding: 0.15em 0.4em" | 3
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
| style="padding: 0.15em 0.4em; text-align: left" | Light cyan
+
| 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: black; 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
| style="padding: 0.15em 0.4em; text-align: left" | Light red
+
| style="padding: 0.15em 0.4em; text-align: left" | LRED
 
| style="padding: 0.15em 0.4em" | 12
 
| style="padding: 0.15em 0.4em" | 12
 
|- style="color: black; background: {{fgcolor|5:1}}"
 
|- style="color: black; background: {{fgcolor|5:1}}"
 
| style="padding: 0.15em 0.4em" | 5
 
| style="padding: 0.15em 0.4em" | 5
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
| style="padding: 0.15em 0.4em; text-align: left" | Light magenta
+
| style="padding: 0.15em 0.4em; text-align: left" | LMAGENTA
 
| style="padding: 0.15em 0.4em" | 13
 
| style="padding: 0.15em 0.4em" | 13
 
|- style="color: black; background: {{fgcolor|6:1}}"
 
|- style="color: black; background: {{fgcolor|6:1}}"
 
| style="padding: 0.15em 0.4em" | 6
 
| style="padding: 0.15em 0.4em" | 6
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
| style="padding: 0.15em 0.4em; text-align: left" | Yellow
+
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW
 
| style="padding: 0.15em 0.4em" | 14
 
| style="padding: 0.15em 0.4em" | 14
 
|- style="color: black; background: {{fgcolor|7:1}}"
 
|- style="color: black; background: {{fgcolor|7:1}}"
 
| style="padding: 0.15em 0.4em" | 7
 
| style="padding: 0.15em 0.4em" | 7
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 1
| style="padding: 0.15em 0.4em; text-align: left" | White
+
| style="padding: 0.15em 0.4em; text-align: left" | WHITE
 
| style="padding: 0.15em 0.4em" | 15
 
| style="padding: 0.15em 0.4em" | 15
 
|}
 
|}
 
|}
 
|}
 
::::''(* See [[color scheme]] for information about how to change the actual various colors as displayed.)''
 
::::''(* See [[color scheme]] for information about how to change the actual various colors as displayed.)''
 
  
 
Sometimes the color numbers are part of another token, e.g. <code>[LEAVES:quarry bush leaf:quarry bush leaves:6:7:0:0:0:0:1:LOCAL_PLANT_MAT:LEAF]</code> specifies the colors "7:0:0" for quarry bush leaves and "0:0:1" for wilted quarry bush leaves.
 
Sometimes the color numbers are part of another token, e.g. <code>[LEAVES:quarry bush leaf:quarry bush leaves:6:7:0:0:0:0:1:LOCAL_PLANT_MAT:LEAF]</code> specifies the colors "7:0:0" for quarry bush leaves and "0:0:1" for wilted quarry bush leaves.
Line 162: Line 168:
  
 
As these values can be manually typed in instead of using the brightness value, you can also give the background a bright color with this method. For example, for a white background color, add 8 to 7 = 15. For a light green background color, you add 8 to 2 = 10.
 
As these values can be manually typed in instead of using the brightness value, you can also give the background a bright color with this method. For example, for a white background color, add 8 to 7 = 15. For a light green background color, you add 8 to 2 = 10.
 
  
 
=== Color tokens ===
 
=== Color tokens ===
  
Material contaminants and [[dye]]s do not use color flags; instead, they reference color tokens defined in descriptor_color_standard.txt. Color tokens are simply referenced by the token name, e.g. <code>[STATE_COLOR:SOLID:DARK_GREEN]</code> or <code>[POWDER_DYE:EMERALD]</code>. However, the defined RGB values are never actually displayed in-game - instead, the game uses one of the above 16 colors, 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 defined via tokens:
+
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: 0 auto; border-spacing: 0"
+
{| style="margin: 1em auto; border-spacing: 0;"
|-
+
|- style="vertical-align: top; padding: 0 1em"
| style="vertical-align: top; padding: 0" |  
+
|
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; background: black; border-left: 1px solid black; border-right: 1px solid black"
+
{| 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="background: #fff"
+
|+ '''DGRAY colors'''
 +
|- 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
 +
! style="text-align: center; padding: 0.15em 0.4em" | Hex
 
|- style="color: white; background: rgb(0, 0, 0)"
 
|- style="color: white; background: rgb(0, 0, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BLACK
 
| style="padding: 0.15em 0.4em; text-align: left" | BLACK
Line 182: Line 189:
 
| 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" | #000000
 
|- style="color: white; background: rgb(128, 128, 128)"
 
|- style="color: white; background: rgb(128, 128, 128)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CLEAR
 
| style="padding: 0.15em 0.4em; text-align: left" | CLEAR
Line 187: Line 195:
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | #808080
 
|- style="color: white; background: rgb(128, 128, 128)"
 
|- style="color: white; background: rgb(128, 128, 128)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GRAY
 
| style="padding: 0.15em 0.4em; text-align: left" | GRAY
Line 192: Line 201:
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | #808080
 +
|- 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" | 139
 +
| style="padding: 0.15em 0.4em" | 133
 +
| style="padding: 0.15em 0.4em" | 137
 +
| style="padding: 0.15em 0.4em" | #8B8589
 +
|}
 +
{| 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%"
 +
|+ '''LGRAY colors'''
 +
|- style="background: {{fgcolor|7: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: black; background: rgb(192, 192, 192)"
 
|- style="color: black; background: rgb(192, 192, 192)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SILVER
 
| style="padding: 0.15em 0.4em; text-align: left" | SILVER
Line 197: Line 220:
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 192
 +
| style="padding: 0.15em 0.4em" | #C0C0C0
 +
|- style="color: black; background: rgb(178, 190, 181)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | ASH_GRAY
 +
| style="padding: 0.15em 0.4em" | 178
 +
| style="padding: 0.15em 0.4em" | 190
 +
| style="padding: 0.15em 0.4em" | 181
 +
| style="padding: 0.15em 0.4em" | #B2BEB5
 +
|}
 +
{| 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%"
 +
|+ '''WHITE colors'''
 +
|- style="background: {{fgcolor|7: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(255, 255, 255)"
 
|- style="color: black; background: rgb(255, 255, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | WHITE
 
| style="padding: 0.15em 0.4em; text-align: left" | WHITE
Line 202: Line 239:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
|- style="color: white; background: rgb(144, 93, 93)"
+
| style="padding: 0.15em 0.4em" | #FFFFFF
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_ROSE
+
|- style="color: black; background: rgb(245, 245, 220)"
| style="padding: 0.15em 0.4em" | 144
+
| style="padding: 0.15em 0.4em; text-align: left" | BEIGE
| style="padding: 0.15em 0.4em" | 93
+
| style="padding: 0.15em 0.4em" | 245
| style="padding: 0.15em 0.4em" | 93
+
| style="padding: 0.15em 0.4em" | 245
 +
| style="padding: 0.15em 0.4em" | 220
 +
| style="padding: 0.15em 0.4em" | #F5F5DC
 +
|- style="color: black; background: rgb(255, 255, 240)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | IVORY
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 240
 +
| style="padding: 0.15em 0.4em" | #FFFFF0
 +
|- style="color: black; background: rgb(230, 230, 250)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | LAVENDER
 +
| style="padding: 0.15em 0.4em" | 230
 +
| style="padding: 0.15em 0.4em" | 230
 +
| style="padding: 0.15em 0.4em" | 250
 +
| style="padding: 0.15em 0.4em" | #E6E6FA
 +
|- style="color: black; background: rgb(255, 240, 245)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | LAVENDER_BLUSH
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 240
 +
| style="padding: 0.15em 0.4em" | 245
 +
| style="padding: 0.15em 0.4em" | #FFF0F5
 +
|}
 +
{| 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%"
 +
|+ '''RED colors'''
 +
|- style="background: {{fgcolor|4: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(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" | #800000
 
|- style="color: white; background: rgb(205, 92, 92)"
 
|- style="color: white; background: rgb(205, 92, 92)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CHESTNUT
 
| style="padding: 0.15em 0.4em; text-align: left" | CHESTNUT
Line 212: Line 282:
 
| style="padding: 0.15em 0.4em" | 92
 
| style="padding: 0.15em 0.4em" | 92
 
| style="padding: 0.15em 0.4em" | 92
 
| style="padding: 0.15em 0.4em" | 92
|- style="color: white; background: rgb(128, 0, 0)"
+
| style="padding: 0.15em 0.4em" | #CD5C5C
| style="padding: 0.15em 0.4em; text-align: left" | MAROON
+
|- style="color: black; background: rgb(244, 194, 194)"
| style="padding: 0.15em 0.4em" | 128
+
| style="padding: 0.15em 0.4em; text-align: left" | ROSE
| style="padding: 0.15em 0.4em" | 0
+
| style="padding: 0.15em 0.4em" | 244
| style="padding: 0.15em 0.4em" | 0
+
| 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="color: white; background: rgb(255, 0, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | RED
 
| style="padding: 0.15em 0.4em; text-align: left" | RED
Line 222: Line 294:
 
| 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" | #FF0000
 
|- style="color: white; background: rgb(227, 66, 52)"
 
|- style="color: white; background: rgb(227, 66, 52)"
 
| style="padding: 0.15em 0.4em; text-align: left" | VERMILION
 
| style="padding: 0.15em 0.4em; text-align: left" | VERMILION
Line 227: Line 300:
 
| 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" | 52
|- style="color: white; background: rgb(117, 90, 87)"
+
| style="padding: 0.15em 0.4em" | #E34234
| style="padding: 0.15em 0.4em; text-align: left" | RUSSET
 
| style="padding: 0.15em 0.4em" | 117
 
| style="padding: 0.15em 0.4em" | 90
 
| style="padding: 0.15em 0.4em" | 87
 
|- style="color: white; background: rgb(255, 36, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SCARLET
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 36
 
| style="padding: 0.15em 0.4em" | 0
 
|- 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" | 36
 
|- 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="color: white; background: rgb(152, 105, 96)"
 
|- 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; text-align: left" | DARK_CHESTNUT
Line 252: Line 306:
 
| style="padding: 0.15em 0.4em" | 105
 
| 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="color: black; background: rgb(233, 116, 81)"
 
|- style="color: black; background: rgb(233, 116, 81)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_SIENNA
 
| style="padding: 0.15em 0.4em; text-align: left" | BURNT_SIENNA
Line 257: Line 312:
 
| style="padding: 0.15em 0.4em" | 116
 
| style="padding: 0.15em 0.4em" | 116
 
| style="padding: 0.15em 0.4em" | 81
 
| 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" | #C04000
 +
|- 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" | 152
 +
| style="padding: 0.15em 0.4em" | 118
 +
| style="padding: 0.15em 0.4em" | 84
 +
| style="padding: 0.15em 0.4em" | #987654
 +
|- 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" | 178
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 75
 +
| style="padding: 0.15em 0.4em" | #B2004B
 +
|- 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(86, 3, 25)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | DARK_SCARLET
 +
| style="padding: 0.15em 0.4em" | 86
 +
| style="padding: 0.15em 0.4em" | 3
 +
| style="padding: 0.15em 0.4em" | 25
 +
| 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="padding: 0.15em 0.4em; text-align: left" | CARMINE
 +
| style="padding: 0.15em 0.4em" | 150
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 24
 +
| 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%"
 +
|+ '''LRED colors'''
 +
|- style="background: {{fgcolor|4: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: white; background: rgb(183, 65, 14)"
 
|- style="color: white; background: rgb(183, 65, 14)"
 
| style="padding: 0.15em 0.4em; text-align: left" | RUST
 
| style="padding: 0.15em 0.4em; text-align: left" | RUST
Line 262: Line 373:
 
| style="padding: 0.15em 0.4em" | 65
 
| style="padding: 0.15em 0.4em" | 65
 
| style="padding: 0.15em 0.4em" | 14
 
| style="padding: 0.15em 0.4em" | 14
 +
| style="padding: 0.15em 0.4em" | #B7410E
 +
|- style="color: black; background: rgb(255, 117, 24)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | PUMPKIN
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 117
 +
| style="padding: 0.15em 0.4em" | 24
 +
| style="padding: 0.15em 0.4em" | #FF7518
 +
|- style="color: white; background: rgb(112, 66, 20)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SEPIA
 +
| style="padding: 0.15em 0.4em" | 112
 +
| style="padding: 0.15em 0.4em" | 66
 +
| 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" | 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" | 180
 +
| style="padding: 0.15em 0.4em" | 140
 +
| style="padding: 0.15em 0.4em" | #D2B48C
 +
|- style="color: white; background: rgb(115, 74, 18)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | RAW_UMBER
 +
| style="padding: 0.15em 0.4em" | 115
 +
| style="padding: 0.15em 0.4em" | 74
 +
| style="padding: 0.15em 0.4em" | 18
 +
| style="padding: 0.15em 0.4em" | #734A12
 +
|- 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(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: white; background: rgb(255, 36, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SCARLET
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 36
 +
| style="padding: 0.15em 0.4em" | 0
 +
| 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%"
 +
|+ '''BROWN colors'''
 +
|- style="background: {{fgcolor|6: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(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" | 36
 +
| style="padding: 0.15em 0.4em" | #8A3324
 
|- style="color: white; background: rgb(111, 53, 26)"
 
|- style="color: white; background: rgb(111, 53, 26)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AUBURN
 
| style="padding: 0.15em 0.4em; text-align: left" | AUBURN
Line 267: Line 447:
 
| style="padding: 0.15em 0.4em" | 53
 
| style="padding: 0.15em 0.4em" | 53
 
| style="padding: 0.15em 0.4em" | 26
 
| style="padding: 0.15em 0.4em" | 26
|- style="color: white; background: rgb(192, 64, 0)"
+
| style="padding: 0.15em 0.4em" | #6F351A
| 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="color: black; background: rgb(255, 117, 24)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PUMPKIN
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 117
 
| style="padding: 0.15em 0.4em" | 24
 
 
|- style="color: white; background: rgb(210, 105, 30)"
 
|- style="color: white; background: rgb(210, 105, 30)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CHOCOLATE
 
| style="padding: 0.15em 0.4em; text-align: left" | CHOCOLATE
Line 282: Line 453:
 
| style="padding: 0.15em 0.4em" | 105
 
| style="padding: 0.15em 0.4em" | 105
 
| style="padding: 0.15em 0.4em" | 30
 
| 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 287: Line 459:
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 126
 
| style="padding: 0.15em 0.4em" | 126
|- style="color: white; background: rgb(72, 60, 50)"
+
| style="padding: 0.15em 0.4em" | #BC987E
| 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="color: black; background: rgb(255, 218, 185)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_PEACH
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 218
 
| style="padding: 0.15em 0.4em" | 185
 
 
|- style="color: black; background: rgb(184, 115, 51)"
 
|- style="color: black; background: rgb(184, 115, 51)"
 
| style="padding: 0.15em 0.4em; text-align: left" | COPPER
 
| style="padding: 0.15em 0.4em; text-align: left" | COPPER
Line 302: Line 465:
 
| style="padding: 0.15em 0.4em" | 115
 
| style="padding: 0.15em 0.4em" | 115
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 51
 +
| style="padding: 0.15em 0.4em" | #B87333
 +
|- 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" | 101
 +
| style="padding: 0.15em 0.4em" | 67
 +
| style="padding: 0.15em 0.4em" | 33
 +
| style="padding: 0.15em 0.4em" | #654321
 
|- style="color: black; background: rgb(205, 133, 63)"
 
|- style="color: black; background: rgb(205, 133, 63)"
 
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BROWN
 
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BROWN
Line 307: Line 477:
 
| style="padding: 0.15em 0.4em" | 133
 
| style="padding: 0.15em 0.4em" | 133
 
| style="padding: 0.15em 0.4em" | 63
 
| style="padding: 0.15em 0.4em" | 63
 +
| style="padding: 0.15em 0.4em" | #CD853F
 
|- style="color: black; background: rgb(205, 127, 50)"
 
|- style="color: black; background: rgb(205, 127, 50)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BRONZE
 
| style="padding: 0.15em 0.4em; text-align: left" | BRONZE
Line 312: Line 483:
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 50
 
| style="padding: 0.15em 0.4em" | 50
|- style="color: white; background: rgb(152, 118, 84)"
+
| style="padding: 0.15em 0.4em" | #CD7F32
| style="padding: 0.15em 0.4em; text-align: left" | PALE_BROWN
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 118
 
| style="padding: 0.15em 0.4em" | 84
 
|- 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" | 101
 
| style="padding: 0.15em 0.4em" | 67
 
| style="padding: 0.15em 0.4em" | 33
 
|- style="color: white; background: rgb(112, 66, 20)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SEPIA
 
| style="padding: 0.15em 0.4em" | 112
 
| style="padding: 0.15em 0.4em" | 66
 
| style="padding: 0.15em 0.4em" | 20
 
 
|- style="color: black; background: rgb(204, 119, 34)"
 
|- style="color: black; background: rgb(204, 119, 34)"
 
| style="padding: 0.15em 0.4em; text-align: left" | OCHRE
 
| style="padding: 0.15em 0.4em; text-align: left" | OCHRE
Line 332: Line 489:
 
| style="padding: 0.15em 0.4em" | 119
 
| style="padding: 0.15em 0.4em" | 119
 
| style="padding: 0.15em 0.4em" | 34
 
| style="padding: 0.15em 0.4em" | 34
|- style="color: white; background: rgb(150, 75, 0)"
+
| style="padding: 0.15em 0.4em" | #CC7722
| style="padding: 0.15em 0.4em; text-align: left" | BROWN
+
|- style="color: black; background: rgb(218, 165, 32)"
| style="padding: 0.15em 0.4em" | 150
+
| style="padding: 0.15em 0.4em; text-align: left" | GOLDENROD
| style="padding: 0.15em 0.4em" | 75
+
| 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="padding: 0.15em 0.4em; text-align: left" | BRASS
 +
| style="padding: 0.15em 0.4em" | 181
 +
| style="padding: 0.15em 0.4em" | 166
 +
| style="padding: 0.15em 0.4em" | 66
 +
| style="padding: 0.15em 0.4em" | #B5A642
 +
|- style="color: white; background: rgb(128, 128, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | OLIVE
 +
| style="padding: 0.15em 0.4em" | 128
 +
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
|- style="color: white; background: rgb(123, 63, 0)"
+
| style="padding: 0.15em 0.4em" | #808000
| style="padding: 0.15em 0.4em; text-align: left" | CINNAMON
+
|}
| style="padding: 0.15em 0.4em" | 123
+
{| 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" | 63
+
|+ '''YELLOW colors'''
| style="padding: 0.15em 0.4em" | 0
+
|- style="background: {{fgcolor|6:1}}"
|- style="color: black; background: rgb(210, 180, 140)"
+
! style="text-align: center; padding: 0.15em 0.4em" | Token
| style="padding: 0.15em 0.4em; text-align: left" | TAN
+
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
| style="padding: 0.15em 0.4em" | 210
+
! style="text-align: center; padding: 0.15em 0.4em" | Hex
| style="padding: 0.15em 0.4em" | 180
+
|- style="color: black; background: rgb(255, 218, 185)"
| style="padding: 0.15em 0.4em" | 140
+
| style="padding: 0.15em 0.4em; text-align: left" | DARK_PEACH
|- style="color: white; background: rgb(115, 74, 18)"
+
| style="padding: 0.15em 0.4em" | 255
| style="padding: 0.15em 0.4em; text-align: left" | RAW_UMBER
+
| style="padding: 0.15em 0.4em" | 218
| style="padding: 0.15em 0.4em" | 115
+
| style="padding: 0.15em 0.4em" | 185
| style="padding: 0.15em 0.4em" | 74
+
| style="padding: 0.15em 0.4em" | #FFDAB9
| style="padding: 0.15em 0.4em" | 18
 
 
|- 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 357: Line 532:
 
| style="padding: 0.15em 0.4em" | 165
 
| style="padding: 0.15em 0.4em" | 165
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | #FFA500
 
|- style="color: black; background: rgb(255, 229, 180)"
 
|- style="color: black; background: rgb(255, 229, 180)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PEACH
 
| style="padding: 0.15em 0.4em; text-align: left" | PEACH
Line 362: Line 538:
 
| style="padding: 0.15em 0.4em" | 229
 
| style="padding: 0.15em 0.4em" | 229
 
| style="padding: 0.15em 0.4em" | 180
 
| style="padding: 0.15em 0.4em" | 180
|- style="color: white; background: rgb(150, 113, 23)"
+
| style="padding: 0.15em 0.4em" | #FFE5B4
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_SANDY
+
|- style="color: black; background: rgb(244, 196, 48)"
| style="padding: 0.15em 0.4em" | 150
+
| style="padding: 0.15em 0.4em; text-align: left" | SAFFRON
| style="padding: 0.15em 0.4em" | 113
+
| style="padding: 0.15em 0.4em" | 244
| style="padding: 0.15em 0.4em" | 23
+
| style="padding: 0.15em 0.4em" | 196
|}
+
| style="padding: 0.15em 0.4em" | 48
| style="vertical-align: top; padding: 0" |
+
| style="padding: 0.15em 0.4em" | #F4C430
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; margin-left: 1px; background: black; border-left: 1px solid black; border-right: 1px solid black"
 
|- style="background: #fff"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
|- 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="color: black; background: rgb(255, 191, 0)"
 
|- style="color: black; background: rgb(255, 191, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AMBER
 
| style="padding: 0.15em 0.4em; text-align: left" | AMBER
Line 383: Line 550:
 
| style="padding: 0.15em 0.4em" | 191
 
| style="padding: 0.15em 0.4em" | 191
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
|- style="color: black; background: rgb(145, 129, 81)"
+
| style="padding: 0.15em 0.4em" | #FFBF00
| 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="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="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="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="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 408: Line 556:
 
| style="padding: 0.15em 0.4em" | 234
 
| style="padding: 0.15em 0.4em" | 234
 
| style="padding: 0.15em 0.4em" | 214
 
| style="padding: 0.15em 0.4em" | 214
 +
| style="padding: 0.15em 0.4em" | #F0EBD6
 
|- style="color: black; background: rgb(240, 220, 130)"
 
|- style="color: black; background: rgb(240, 220, 130)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BUFF
 
| style="padding: 0.15em 0.4em; text-align: left" | BUFF
Line 413: Line 562:
 
| style="padding: 0.15em 0.4em" | 220
 
| style="padding: 0.15em 0.4em" | 220
 
| style="padding: 0.15em 0.4em" | 130
 
| style="padding: 0.15em 0.4em" | 130
 +
| style="padding: 0.15em 0.4em" | #F0DC82
 
|- style="color: black; background: rgb(238, 220, 130)"
 
|- style="color: black; background: rgb(238, 220, 130)"
 
| style="padding: 0.15em 0.4em; text-align: left" | FLAX
 
| style="padding: 0.15em 0.4em; text-align: left" | FLAX
Line 418: Line 568:
 
| style="padding: 0.15em 0.4em" | 220
 
| style="padding: 0.15em 0.4em" | 220
 
| style="padding: 0.15em 0.4em" | 130
 
| style="padding: 0.15em 0.4em" | 130
|- style="color: black; background: rgb(181, 166, 66)"
+
| style="padding: 0.15em 0.4em" | #EEDC82
| style="padding: 0.15em 0.4em; text-align: left" | BRASS
 
| style="padding: 0.15em 0.4em" | 181
 
| style="padding: 0.15em 0.4em" | 166
 
| style="padding: 0.15em 0.4em" | 66
 
 
|- style="color: black; background: rgb(255, 223, 0)"
 
|- style="color: black; background: rgb(255, 223, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLDEN_YELLOW
 
| style="padding: 0.15em 0.4em; text-align: left" | GOLDEN_YELLOW
Line 428: Line 574:
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | #FFDF00
 
|- style="color: black; background: rgb(253, 233, 16)"
 
|- style="color: black; background: rgb(253, 233, 16)"
 
| style="padding: 0.15em 0.4em; text-align: left" | LEMON
 
| style="padding: 0.15em 0.4em; text-align: left" | LEMON
Line 433: Line 580:
 
| style="padding: 0.15em 0.4em" | 233
 
| style="padding: 0.15em 0.4em" | 233
 
| style="padding: 0.15em 0.4em" | 16
 
| style="padding: 0.15em 0.4em" | 16
 +
| style="padding: 0.15em 0.4em" | #FDE910
 
|- style="color: black; background: rgb(255, 253, 208)"
 
|- style="color: black; background: rgb(255, 253, 208)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CREAM
 
| style="padding: 0.15em 0.4em; text-align: left" | CREAM
Line 438: Line 586:
 
| style="padding: 0.15em 0.4em" | 253
 
| style="padding: 0.15em 0.4em" | 253
 
| style="padding: 0.15em 0.4em" | 208
 
| style="padding: 0.15em 0.4em" | 208
|- style="color: black; background: rgb(245, 245, 220)"
+
| style="padding: 0.15em 0.4em" | #FFFDD0
| style="padding: 0.15em 0.4em; text-align: left" | BEIGE
 
| style="padding: 0.15em 0.4em" | 245
 
| style="padding: 0.15em 0.4em" | 245
 
| style="padding: 0.15em 0.4em" | 220
 
|- style="color: white; background: rgb(128, 128, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | OLIVE
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 0
 
 
|- style="color: black; background: rgb(255, 255, 0)"
 
|- style="color: black; background: rgb(255, 255, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW
 
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW
Line 453: Line 592:
 
| 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" | 0
|- style="color: black; background: rgb(255, 255, 240)"
+
| style="padding: 0.15em 0.4em" | #FFFF00
| style="padding: 0.15em 0.4em; text-align: left" | IVORY
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 240
 
 
|- style="color: black; background: rgb(204, 255, 0)"
 
|- style="color: black; background: rgb(204, 255, 0)"
 
| style="padding: 0.15em 0.4em; text-align: left" | LIME
 
| style="padding: 0.15em 0.4em; text-align: left" | LIME
Line 463: Line 598:
 
| 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" | 0
 +
| style="padding: 0.15em 0.4em" | #CCFF00
 +
|}
 +
{| 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'''
 +
|- 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="color: black; background: rgb(154, 205, 50)"
 
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW_GREEN
 
| style="padding: 0.15em 0.4em; text-align: left" | YELLOW_GREEN
Line 468: Line 623:
 
| style="padding: 0.15em 0.4em" | 205
 
| 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="color: white; background: rgb(85, 104, 50)"
 
|- 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; text-align: left" | DARK_OLIVE
Line 473: Line 629:
 
| style="padding: 0.15em 0.4em" | 104
 
| style="padding: 0.15em 0.4em" | 104
 
| style="padding: 0.15em 0.4em" | 50
 
| 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 478: Line 635:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 47
 
| style="padding: 0.15em 0.4em" | 47
 +
| style="padding: 0.15em 0.4em" | #ADFF2F
 +
|}
 +
{| 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="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
Line 483: Line 648:
 
| 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" | 0
 +
| style="padding: 0.15em 0.4em" | #7BFF00
 +
|- style="color: black; background: rgb(0, 255, 0)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | GREEN
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | #00FF00
 +
|- style="color: black; background: rgb(80, 200, 120)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | EMERALD
 +
| style="padding: 0.15em 0.4em" | 80
 +
| style="padding: 0.15em 0.4em" | 200
 +
| style="padding: 0.15em 0.4em" | 120
 +
| style="padding: 0.15em 0.4em" | #50C878
 +
|- style="color: white; background: rgb(1, 50, 32)"
 +
| 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="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%"
 +
|+ '''CYAN colors'''
 +
|- style="background: {{fgcolor|3: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(117, 90, 87)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | RUSSET
 +
| style="padding: 0.15em 0.4em" | 117
 +
| 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(79, 121, 66)"
 
|- 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; text-align: left" | FERN_GREEN
Line 488: Line 704:
 
| style="padding: 0.15em 0.4em" | 121
 
| style="padding: 0.15em 0.4em" | 121
 
| style="padding: 0.15em 0.4em" | 66
 
| style="padding: 0.15em 0.4em" | 66
 +
| style="padding: 0.15em 0.4em" | #4F7942
 
|- style="color: black; background: rgb(173, 223, 173)"
 
|- 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; text-align: left" | MOSS_GREEN
Line 493: Line 710:
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | 173
|- style="color: black; background: rgb(0, 255, 0)"
+
| style="padding: 0.15em 0.4em" | #ADDFAD
| style="padding: 0.15em 0.4em; text-align: left" | GREEN
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 0
 
 
|- 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 503: Line 716:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 152
 
| style="padding: 0.15em 0.4em" | 152
|- style="color: black; background: rgb(178, 190, 181)"
+
| style="padding: 0.15em 0.4em" | #98FF98
| style="padding: 0.15em 0.4em; text-align: left" | ASH_GRAY
+
|- style="color: black; background: rgb(173, 216, 230)"
| style="padding: 0.15em 0.4em" | 178
+
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BLUE
| style="padding: 0.15em 0.4em" | 190
+
| style="padding: 0.15em 0.4em" | 173
| style="padding: 0.15em 0.4em" | 181
+
| style="padding: 0.15em 0.4em" | 216
|- style="color: black; background: rgb(80, 200, 120)"
+
| style="padding: 0.15em 0.4em" | 230
| style="padding: 0.15em 0.4em; text-align: left" | EMERALD
+
| style="padding: 0.15em 0.4em" | #ADD8E6
| style="padding: 0.15em 0.4em" | 80
+
|- style="color: white; background: rgb(112, 128, 144)"
| style="padding: 0.15em 0.4em" | 200
+
| style="padding: 0.15em 0.4em; text-align: left" | SLATE_GRAY
| style="padding: 0.15em 0.4em" | 120
+
| style="padding: 0.15em 0.4em" | 112
|- style="color: white; background: rgb(46, 139, 87)"
+
| style="padding: 0.15em 0.4em" | 128
| style="padding: 0.15em 0.4em; text-align: left" | SEA_GREEN
+
| style="padding: 0.15em 0.4em" | 144
| style="padding: 0.15em 0.4em" | 46
+
| style="padding: 0.15em 0.4em" | #708090
| style="padding: 0.15em 0.4em" | 139
+
|- style="color: black; background: rgb(186, 202, 226)"
| style="padding: 0.15em 0.4em" | 87
+
| style="padding: 0.15em 0.4em; text-align: left" | BLUE-GRAY
 +
| style="padding: 0.15em 0.4em" | 186
 +
| style="padding: 0.15em 0.4em" | 202
 +
| style="padding: 0.15em 0.4em" | 226
 +
| style="padding: 0.15em 0.4em" | #BACAE2
 +
|- style="color: black; background: rgb(221, 173, 175)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | PALE_CHESTNUT
 +
| style="padding: 0.15em 0.4em" | 221
 +
| style="padding: 0.15em 0.4em" | 173
 +
| style="padding: 0.15em 0.4em" | 175
 +
| 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%"
 +
|+ '''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(0, 255, 127)"
 
|- style="color: black; background: rgb(0, 255, 127)"
 
| style="padding: 0.15em 0.4em; text-align: left" | SPRING_GREEN
 
| style="padding: 0.15em 0.4em; text-align: left" | SPRING_GREEN
Line 523: Line 753:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 127
 
| style="padding: 0.15em 0.4em" | 127
|- style="color: white; background: rgb(1, 50, 32)"
+
| style="padding: 0.15em 0.4em" | #00FF7F
| 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="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="color: black; background: rgb(127, 255, 212)"
 
|- style="color: black; background: rgb(127, 255, 212)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUAMARINE
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUAMARINE
Line 538: Line 759:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 212
 
| style="padding: 0.15em 0.4em" | 212
|- style="color: white; background: rgb(1, 121, 111)"
+
| style="padding: 0.15em 0.4em" | #7FFFD4
| style="padding: 0.15em 0.4em; text-align: left" | PINE_GREEN
 
| style="padding: 0.15em 0.4em" | 1
 
| style="padding: 0.15em 0.4em" | 121
 
| style="padding: 0.15em 0.4em" | 111
 
 
|- style="color: black; background: rgb(48, 213, 200)"
 
|- style="color: black; background: rgb(48, 213, 200)"
 
| style="padding: 0.15em 0.4em; text-align: left" | TURQUOISE
 
| style="padding: 0.15em 0.4em; text-align: left" | TURQUOISE
Line 548: Line 765:
 
| style="padding: 0.15em 0.4em" | 213
 
| style="padding: 0.15em 0.4em" | 213
 
| style="padding: 0.15em 0.4em" | 200
 
| style="padding: 0.15em 0.4em" | 200
|- style="color: black; background: rgb(175, 238, 238)"
+
| style="padding: 0.15em 0.4em" | #30D5C8
| 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="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" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
|}
 
| style="vertical-align: top; padding: 0" |
 
{| style="text-align: right; border-spacing: 0 1px; margin: 0 auto; margin-left: 1px; background: black; border-left: 1px solid black; border-right: 1px solid black"
 
|- style="background: #fff"
 
! style="text-align: center; padding: 0.15em 0.4em" | Token
 
! style="text-align: center; padding: 0.15em 0.4em" colspan="3" | RGB
 
 
|- style="color: black; background: rgb(0, 255, 255)"
 
|- style="color: black; background: rgb(0, 255, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUA
 
| style="padding: 0.15em 0.4em; text-align: left" | AQUA
Line 569: Line 771:
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
|- style="color: black; background: rgb(173, 216, 230)"
+
| style="padding: 0.15em 0.4em" | #00FFFF
| style="padding: 0.15em 0.4em; text-align: left" | LIGHT_BLUE
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | 216
 
| style="padding: 0.15em 0.4em" | 230
 
|- 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="color: black; background: rgb(135, 206, 235)"
 
|- 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; text-align: left" | SKY_BLUE
Line 584: Line 777:
 
| style="padding: 0.15em 0.4em" | 206
 
| style="padding: 0.15em 0.4em" | 206
 
| style="padding: 0.15em 0.4em" | 235
 
| style="padding: 0.15em 0.4em" | 235
|- style="color: white; background: rgb(54, 69, 79)"
+
| style="padding: 0.15em 0.4em" | #87CEEB
| style="padding: 0.15em 0.4em; text-align: left" | CHARCOAL
+
|- style="color: black; background: rgb(200, 162, 200)"
| style="padding: 0.15em 0.4em" | 54
+
| style="padding: 0.15em 0.4em; text-align: left" | LILAC
| style="padding: 0.15em 0.4em" | 69
+
| style="padding: 0.15em 0.4em" | 200
| style="padding: 0.15em 0.4em" | 79
+
| style="padding: 0.15em 0.4em" | 162
|- style="color: white; background: rgb(112, 128, 144)"
+
| style="padding: 0.15em 0.4em" | 200
| style="padding: 0.15em 0.4em; text-align: left" | SLATE_GRAY
+
| style="padding: 0.15em 0.4em" | #C8A2C8
| style="padding: 0.15em 0.4em" | 112
+
|}
 +
{| 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(46, 139, 87)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | SEA_GREEN
 +
| style="padding: 0.15em 0.4em" | 46
 +
| style="padding: 0.15em 0.4em" | 139
 +
| style="padding: 0.15em 0.4em" | 87
 +
| style="padding: 0.15em 0.4em" | #2E8B57
 +
|- style="color: white; background: rgb(1, 121, 111)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | PINE_GREEN
 +
| 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" | 128
 
| style="padding: 0.15em 0.4em" | 128
 
| style="padding: 0.15em 0.4em" | 128
| style="padding: 0.15em 0.4em" | 144
+
| style="padding: 0.15em 0.4em" | #008080
|- style="color: white; background: rgb(0, 51, 102)"
+
|- style="color: white; background: rgb(0, 123, 167)"
| style="padding: 0.15em 0.4em; text-align: left" | MIDNIGHT_BLUE
+
| 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" | 51
+
| style="padding: 0.15em 0.4em" | 123
| style="padding: 0.15em 0.4em" | 102
+
| style="padding: 0.15em 0.4em" | 167
 +
| style="padding: 0.15em 0.4em" | #007BA7
 
|- style="color: white; background: rgb(0, 127, 255)"
 
|- style="color: white; background: rgb(0, 127, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | AZURE
 
| style="padding: 0.15em 0.4em; text-align: left" | AZURE
Line 604: Line 820:
 
| 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="color: white; background: rgb(0, 71, 171)"
 
|- style="color: white; background: rgb(0, 71, 171)"
 
| style="padding: 0.15em 0.4em; text-align: left" | COBALT
 
| style="padding: 0.15em 0.4em; text-align: left" | COBALT
Line 609: Line 826:
 
| style="padding: 0.15em 0.4em" | 71
 
| style="padding: 0.15em 0.4em" | 71
 
| style="padding: 0.15em 0.4em" | 171
 
| style="padding: 0.15em 0.4em" | 171
|- style="color: black; background: rgb(230, 230, 250)"
+
| style="padding: 0.15em 0.4em" | #0047AB
| style="padding: 0.15em 0.4em; text-align: left" | LAVENDER
 
| style="padding: 0.15em 0.4em" | 230
 
| style="padding: 0.15em 0.4em" | 230
 
| style="padding: 0.15em 0.4em" | 250
 
 
|- style="color: white; background: rgb(0, 0, 139)"
 
|- 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; text-align: left" | DARK_BLUE
Line 619: Line 832:
 
| 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" | 139
 +
| style="padding: 0.15em 0.4em" | #00008B
 
|- style="color: white; background: rgb(0, 0, 255)"
 
|- style="color: white; background: rgb(0, 0, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | BLUE
 
| style="padding: 0.15em 0.4em; text-align: left" | BLUE
Line 624: Line 838:
 
| 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="color: black; background: rgb(204, 204, 255)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PERIWINKLE
 
| style="padding: 0.15em 0.4em; text-align: left" | PERIWINKLE
Line 629: Line 844:
 
| 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="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'''
 +
|- style="background: {{fgcolor|1: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: white; background: rgb(144, 93, 93)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_ROSE
 +
| style="padding: 0.15em 0.4em" | 144
 +
| style="padding: 0.15em 0.4em" | 93
 +
| style="padding: 0.15em 0.4em" | 93
 +
| style="padding: 0.15em 0.4em" | #905D5D
 +
|- 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(153, 102, 204)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | AMETHYST
 +
| style="padding: 0.15em 0.4em" | 153
 +
| style="padding: 0.15em 0.4em" | 102
 +
| style="padding: 0.15em 0.4em" | 204
 +
| style="padding: 0.15em 0.4em" | #9966CC
 +
|- style="color: white; background: rgb(139, 0, 255)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | VIOLET
 +
| style="padding: 0.15em 0.4em" | 139
 +
| style="padding: 0.15em 0.4em" | 0
 +
| style="padding: 0.15em 0.4em" | 255
 +
| style="padding: 0.15em 0.4em" | #8B00FF
 +
|- style="color: white; background: rgb(145, 95, 109)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | MAUVE_TAUPE
 +
| style="padding: 0.15em 0.4em" | 145
 +
| style="padding: 0.15em 0.4em" | 95
 +
| style="padding: 0.15em 0.4em" | 109
 +
| style="padding: 0.15em 0.4em" | #915F6D
 +
|}
 +
{| 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'''
 +
|- style="background: {{fgcolor|5: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(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(66, 49, 137)"
 
|- style="color: white; background: rgb(66, 49, 137)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_VIOLET
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_VIOLET
Line 634: Line 900:
 
| style="padding: 0.15em 0.4em" | 49
 
| style="padding: 0.15em 0.4em" | 49
 
| style="padding: 0.15em 0.4em" | 137
 
| style="padding: 0.15em 0.4em" | 137
|- style="color: black; background: rgb(153, 102, 204)"
+
| style="padding: 0.15em 0.4em" | #423189
| style="padding: 0.15em 0.4em; text-align: left" | AMETHYST
 
| style="padding: 0.15em 0.4em" | 153
 
| style="padding: 0.15em 0.4em" | 102
 
| style="padding: 0.15em 0.4em" | 204
 
 
|- style="color: white; background: rgb(49, 0, 98)"
 
|- style="color: white; background: rgb(49, 0, 98)"
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_INDIGO
 
| style="padding: 0.15em 0.4em; text-align: left" | DARK_INDIGO
Line 644: Line 906:
 
| 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" | 98
|- style="color: white; background: rgb(139, 0, 255)"
+
| style="padding: 0.15em 0.4em" | #310062
| style="padding: 0.15em 0.4em; text-align: left" | VIOLET
 
| style="padding: 0.15em 0.4em" | 139
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 255
 
 
|- style="color: white; background: rgb(75, 0, 130)"
 
|- style="color: white; background: rgb(75, 0, 130)"
 
| style="padding: 0.15em 0.4em; text-align: left" | INDIGO
 
| style="padding: 0.15em 0.4em; text-align: left" | INDIGO
Line 654: Line 912:
 
| 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" | 130
 +
| style="padding: 0.15em 0.4em" | #4B0082
 
|- style="color: white; background: rgb(102, 0, 153)"
 
|- style="color: white; background: rgb(102, 0, 153)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PURPLE
 
| style="padding: 0.15em 0.4em; text-align: left" | PURPLE
Line 659: Line 918:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 153
 
| style="padding: 0.15em 0.4em" | 153
|- style="color: black; background: rgb(223, 115, 255)"
+
| style="padding: 0.15em 0.4em" | #660099
| style="padding: 0.15em 0.4em; text-align: left" | HELIOTROPE
 
| style="padding: 0.15em 0.4em" | 223
 
| style="padding: 0.15em 0.4em" | 115
 
| style="padding: 0.15em 0.4em" | 255
 
|- 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="color: white; background: rgb(102, 0, 102)"
 
|- style="color: white; background: rgb(102, 0, 102)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PLUM
 
| style="padding: 0.15em 0.4em; text-align: left" | PLUM
Line 674: Line 924:
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 102
 
| style="padding: 0.15em 0.4em" | 102
 +
| style="padding: 0.15em 0.4em" | #660066
 
|- style="color: white; background: rgb(80, 64, 77)"
 
|- 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; text-align: left" | TAUPE_PURPLE
Line 679: Line 930:
 
| style="padding: 0.15em 0.4em" | 64
 
| style="padding: 0.15em 0.4em" | 64
 
| style="padding: 0.15em 0.4em" | 77
 
| style="padding: 0.15em 0.4em" | 77
|- style="color: black; background: rgb(139, 133, 137)"
+
| style="padding: 0.15em 0.4em" | #50404D
| style="padding: 0.15em 0.4em; text-align: left" | TAUPE_GRAY
+
|- style="color: white; background: rgb(97, 64, 81)"
| style="padding: 0.15em 0.4em" | 139
+
| style="padding: 0.15em 0.4em; text-align: left" | EGGPLANT
| style="padding: 0.15em 0.4em" | 133
+
| style="padding: 0.15em 0.4em" | 97
| style="padding: 0.15em 0.4em" | 137
+
| style="padding: 0.15em 0.4em" | 64
|- style="color: white; background: rgb(244, 0, 161)"
+
| style="padding: 0.15em 0.4em" | 81
| style="padding: 0.15em 0.4em; text-align: left" | FUCHSIA
+
| style="padding: 0.15em 0.4em" | #614051
| style="padding: 0.15em 0.4em" | 244
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 161
 
 
|- style="color: white; background: rgb(153, 51, 102)"
 
|- style="color: white; background: rgb(153, 51, 102)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MAUVE
 
| style="padding: 0.15em 0.4em; text-align: left" | MAUVE
Line 694: Line 942:
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 51
 
| style="padding: 0.15em 0.4em" | 102
 
| style="padding: 0.15em 0.4em" | 102
|- style="color: black; background: rgb(255, 240, 245)"
+
| style="padding: 0.15em 0.4em" | #993366
| style="padding: 0.15em 0.4em; text-align: left" | LAVENDER_BLUSH
+
|}
 +
{| 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%"
 +
|+ '''LMAGENTA colors'''
 +
|- style="background: {{fgcolor|5: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(223, 115, 255)"
 +
| style="padding: 0.15em 0.4em; text-align: left" | HELIOTROPE
 +
| style="padding: 0.15em 0.4em" | 223
 +
| style="padding: 0.15em 0.4em" | 115
 
| style="padding: 0.15em 0.4em" | 255
 
| style="padding: 0.15em 0.4em" | 255
| style="padding: 0.15em 0.4em" | 240
+
| style="padding: 0.15em 0.4em" | #DF73FF
| style="padding: 0.15em 0.4em" | 245
+
|- style="color: white; background: rgb(244, 0, 161)"
|- style="color: black; background: rgb(231, 84, 128)"
+
| style="padding: 0.15em 0.4em; text-align: left" | FUCHSIA
| style="padding: 0.15em 0.4em; text-align: left" | DARK_PINK
+
| style="padding: 0.15em 0.4em" | 244
| style="padding: 0.15em 0.4em" | 231
+
| style="padding: 0.15em 0.4em" | 0
| style="padding: 0.15em 0.4em" | 84
+
| style="padding: 0.15em 0.4em" | 161
| style="padding: 0.15em 0.4em" | 128
+
| style="padding: 0.15em 0.4em" | #F400A1
|- style="color: white; background: rgb(145, 95, 109)"
 
| style="padding: 0.15em 0.4em; text-align: left" | MAUVE_TAUPE
 
| style="padding: 0.15em 0.4em" | 145
 
| style="padding: 0.15em 0.4em" | 95
 
| style="padding: 0.15em 0.4em" | 109
 
|- 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" | 86
 
| style="padding: 0.15em 0.4em" | 3
 
| style="padding: 0.15em 0.4em" | 25
 
 
|- style="color: black; background: rgb(204, 136, 153)"
 
|- style="color: black; background: rgb(204, 136, 153)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PUCE
 
| style="padding: 0.15em 0.4em; text-align: left" | PUCE
Line 719: Line 967:
 
| style="padding: 0.15em 0.4em" | 136
 
| style="padding: 0.15em 0.4em" | 136
 
| style="padding: 0.15em 0.4em" | 153
 
| style="padding: 0.15em 0.4em" | 153
|- style="color: white; background: rgb(220, 20, 60)"
+
| style="padding: 0.15em 0.4em" | #CC8899
| 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="color: black; background: rgb(255, 192, 203)"
 
|- style="color: black; background: rgb(255, 192, 203)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PINK
 
| style="padding: 0.15em 0.4em; text-align: left" | PINK
Line 729: Line 973:
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 192
 
| style="padding: 0.15em 0.4em" | 203
 
| style="padding: 0.15em 0.4em" | 203
|- style="color: white; background: rgb(196, 30, 58)"
+
| style="padding: 0.15em 0.4em" | #FFC0CB
| 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="color: white; background: rgb(150, 0, 24)"
 
| style="padding: 0.15em 0.4em; text-align: left" | CARMINE
 
| style="padding: 0.15em 0.4em" | 150
 
| style="padding: 0.15em 0.4em" | 0
 
| style="padding: 0.15em 0.4em" | 24
 
 
|- style="color: black; background: rgb(250, 218, 221)"
 
|- style="color: black; background: rgb(250, 218, 221)"
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_PINK
 
| style="padding: 0.15em 0.4em; text-align: left" | PALE_PINK
Line 744: Line 979:
 
| style="padding: 0.15em 0.4em" | 218
 
| style="padding: 0.15em 0.4em" | 218
 
| style="padding: 0.15em 0.4em" | 221
 
| style="padding: 0.15em 0.4em" | 221
|- style="color: black; background: rgb(221, 173, 175)"
+
| style="padding: 0.15em 0.4em" | #FADADD
| style="padding: 0.15em 0.4em; text-align: left" | PALE_CHESTNUT
 
| style="padding: 0.15em 0.4em" | 221
 
| style="padding: 0.15em 0.4em" | 173
 
| style="padding: 0.15em 0.4em" | 175
 
 
|}
 
|}
 
|}
 
|}
 
  
 
{{gamedata|[COLOR:AMBER]
 
{{gamedata|[COLOR:AMBER]
Line 957: Line 1,187:
 
[WORD:ECRU]
 
[WORD:ECRU]
 
[RGB:194:178:128]
 
[RGB:194:178:128]
 +
 +
[COLOR:EGGPLANT]
 +
[NAME:eggplant]
 +
[RGB:97:64:81]
  
 
[COLOR:EMERALD]
 
[COLOR:EMERALD]
Line 1,191: Line 1,425:
 
[WORD:RED]
 
[WORD:RED]
 
[RGB:255:0:0]
 
[RGB:255:0:0]
 +
 +
[COLOR:RED_PURPLE]
 +
[NAME:red-purple]
 +
[WORD:RED]
 +
[WORD:PURPLE]
 +
[RGB:178:0:75]
 +
 +
[COLOR:ROSE]
 +
[NAME:rose]
 +
[WORD:ROSE]
 +
[RGB:244:194:194] went with tea rose
  
 
[COLOR:RUSSET]
 
[COLOR:RUSSET]
Line 1,321: Line 1,566:
 
[WORD:YELLOW]
 
[WORD:YELLOW]
 
[RGB:154:205:50]
 
[RGB:154:205:50]
 +
 +
[COLOR:BLUE-GRAY]
 +
[NAME:blue-gray]
 +
[WORD:GRAY]
 +
[RGB:186:202:226]
 
}}
 
}}
  
 
+
== Color lists ==
'''Note:''' These numbers may need to be expressed in "hexadecimal" (base 16) notation – a couple good converters can be found [http://www.rgbtohex.net/ here] and [http://www.javascripter.net/faq/rgbtohex.htm here]. For further information, see [http://en.wikipedia.org/wiki/Web_colors this article].
+
:''For the different colors used to represent different professions, see [[Skill#Skill categories|Skill categories]].''
 
+
:''For a list of the colors of items listed in the {{k|k}}-stocks menu, see [[Stocks#Color_Code|Stocks]].''
== Color Lists ==
 
:''For the different colors used to represent different professions, see [[Skill#Professions, colors, & skill categories|Skill categories]].''
 
:''For a list of the colors of items listed in the z-stocks menu, see [[Stocks#Color_Code|Stocks]].''
 
 
:''For the colors of the various creatures, see [[creature]]''
 
:''For the colors of the various creatures, see [[creature]]''
 
:''For the colors of status icons, see [[status icon]]''
 
:''For the colors of status icons, see [[status icon]]''
=== Material By Color ===
+
 
 +
=== Material by color ===
 
{{Material properties}}
 
{{Material properties}}
For those concerned with aesthetics and want to know which materials are available in each color.
+
For those who want to know which materials display as which color, for [[lever]]s, aesthetic concerns, etc.
 +
 
 +
 
 +
 
 +
====ASCII Mode====
 +
Color names listed and the colors shown below match the colors from default init/color.txt. To change these from the default tones, see [[Color scheme]].  
 
{{clear}}
 
{{clear}}
{| border = 1 cellspacing="0" cellpadding="5"
+
{| class="wikitable"
 
|-
 
|-
 
!width="90"| Color
 
!width="90"| Color
Line 1,343: Line 1,596:
 
! Other
 
! Other
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|7:1}} White
+
|{{Raw Tile|•|7:1}} WHITE
 
|[[Alabaster]], [[Alunite]], [[Borax]], [[Calcite]], [[Chalk]], [[Cryolite]], [[Dolomite]], [[Limestone]], [[Marble]], [[Marcasite]], [[Periclase]], [[Quartzite]], [[Rock salt]], [[Satinspar]], [[Selenite]], [[Talc]]
 
|[[Alabaster]], [[Alunite]], [[Borax]], [[Calcite]], [[Chalk]], [[Cryolite]], [[Dolomite]], [[Limestone]], [[Marble]], [[Marcasite]], [[Periclase]], [[Quartzite]], [[Rock salt]], [[Satinspar]], [[Selenite]], [[Talc]]
 
|[[Galena]], [[Horn silver]], [[Native aluminum]], [[Native platinum]], [[Native silver]]
 
|[[Galena]], [[Horn silver]], [[Native aluminum]], [[Native platinum]], [[Native silver]]
Line 1,349: Line 1,602:
 
|[[Crystal glass]], [[Feather tree]], [[Tower-cap]]
 
|[[Crystal glass]], [[Feather tree]], [[Tower-cap]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|7:0}} Light Gray
+
|{{Raw Tile|•|7:0}} LGRAY
 
|[[Anhydrite]], [[Dacite]], [[Gneiss]], [[Granite]], [[Phyllite]], [[Stibnite]]
 
|[[Anhydrite]], [[Dacite]], [[Gneiss]], [[Granite]], [[Phyllite]], [[Stibnite]]
 
|[[Bismuthinite]]
 
|[[Bismuthinite]]
Line 1,355: Line 1,608:
 
|
 
|
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|0:1}} Dark Gray
+
|{{Raw Tile|•|0:1}} DGRAY
 
|[[Andesite]], [[Basalt]], [[Claystone]], [[Chromite]], [[Diorite]], [[Gabbro]], [[Graphite]], [[Hornblende]], [[Ilmenite]], [[Jet]], [[Mica]], [[Pyrolusite]], [[Rhyolite]], [[Shale]], [[Slate]], [[Obsidian]]
 
|[[Andesite]], [[Basalt]], [[Claystone]], [[Chromite]], [[Diorite]], [[Gabbro]], [[Graphite]], [[Hornblende]], [[Ilmenite]], [[Jet]], [[Mica]], [[Pyrolusite]], [[Rhyolite]], [[Shale]], [[Slate]], [[Obsidian]]
 
|[[Bituminous coal]], [[Lignite]], [[Magnetite]], [[Sphalerite]], [[Tetrahedrite]]
 
|[[Bituminous coal]], [[Lignite]], [[Magnetite]], [[Sphalerite]], [[Tetrahedrite]]
Line 1,361: Line 1,614:
 
|[[Black-cap]]
 
|[[Black-cap]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|6:0}} Brown
+
|{{Raw Tile|•|6:0}} BROWN
 
|[[Chert]], [[Conglomerate]], [[Mudstone]], [[Puddingstone]], [[Sandstone]], [[Schist]], [[Siltstone]]
 
|[[Chert]], [[Conglomerate]], [[Mudstone]], [[Puddingstone]], [[Sandstone]], [[Schist]], [[Siltstone]]
 
|[[Cassiterite]], [[Native copper]]
 
|[[Cassiterite]], [[Native copper]]
Line 1,367: Line 1,620:
 
|[[Tree|All other aboveground trees]]
 
|[[Tree|All other aboveground trees]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|6:1}} Yellow
+
|{{Raw Tile|•|6:1}} YELLOW
|[[Brimstone]], [[Orpiment]], [[Orthoclase]], [[Saltpeter]], [[Sylvite]], [[Gypsum]]
+
|[[Brimstone]], [[Orpiment]], [[Orthoclase]], [[Saltpeter]], [[Sylvite]], [[Gypsum]], [[Olivine]]
 
|[[Limonite]], [[Native gold]]
 
|[[Limonite]], [[Native gold]]
 
|[[Gold]], [[Bismuth bronze]], [[Brass]], [[Electrum]]
 
|[[Gold]], [[Bismuth bronze]], [[Brass]], [[Electrum]]
 
|[[Fungiwood]]
 
|[[Fungiwood]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|4:0}} Dark Red
+
|{{Raw Tile|•|4:0}} RED
 
|[[Bauxite]], [[Kaolinite]]
 
|[[Bauxite]], [[Kaolinite]]
 
|[[Hematite]]
 
|[[Hematite]]
Line 1,379: Line 1,632:
 
|[[Blood thorn]]
 
|[[Blood thorn]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|4:1}} Red
+
|{{Raw Tile|•|4:1}} LRED
 
|[[Cinnabar]], [[Petrified wood]], [[Realgar]]
 
|[[Cinnabar]], [[Petrified wood]], [[Realgar]]
 
|
 
|
Line 1,385: Line 1,638:
 
|[[Goblin-cap]]
 
|[[Goblin-cap]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|2:0}} Green
+
|{{Raw Tile|•|2:0}} GREEN
|[[Olivine]], [[Serpentine]]
+
|[[Serpentine]]
 
|[[Malachite]]
 
|[[Malachite]]
 
|
 
|
 
|[[Green glass]]
 
|[[Green glass]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|2:1}} Bright Green
+
|{{Raw Tile|•|2:1}} LGREEN
 
|
 
|
 
|[[Garnierite]]
 
|[[Garnierite]]
Line 1,397: Line 1,650:
 
|
 
|
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|3:0}} Cyan
+
|{{Raw Tile|•|3:0}} CYAN
 
|
 
|
 
|
 
|
Line 1,403: Line 1,656:
 
|[[Clear glass]], [[Spore tree]]
 
|[[Clear glass]], [[Spore tree]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|3:1}} Light Cyan
+
|{{Raw Tile|•|3:1}} LCYAN
 
|[[Microcline]]
 
|[[Microcline]]
 
|[[Raw adamantine]]
 
|[[Raw adamantine]]
Line 1,409: Line 1,662:
 
|[[Ice]]
 
|[[Ice]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|1:0}} Dark Blue
+
|{{Raw Tile|•|1:0}} BLUE
 
|[[Kimberlite]]
 
|[[Kimberlite]]
 
|
 
|
Line 1,415: Line 1,668:
 
|[[Nether-cap]]
 
|[[Nether-cap]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|1:1}} Blue
+
|{{Raw Tile|•|1:1}} LBLUE
 
|[[Cobaltite]]
 
|[[Cobaltite]]
 
|
 
|
Line 1,421: Line 1,674:
 
|
 
|
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|5:0}} Purple
+
|{{Raw Tile|•|5:0}} MAGENTA
 
|[[Pitchblende]], [[Rutile]]
 
|[[Pitchblende]], [[Rutile]]
 
|
 
|
Line 1,427: Line 1,680:
 
|[[Glumprong]]
 
|[[Glumprong]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|5:1}} Magenta
+
|{{Raw Tile|•|5:1}} LMAGENTA
 
|
 
|
 
|
 
|
Line 1,433: Line 1,686:
 
|[[Tunnel tube]]
 
|[[Tunnel tube]]
 
|}
 
|}
 
 
 
 
  
 
{{Translation
 
{{Translation
Line 1,445: Line 1,694:
 
}}
 
}}
  
{{Category|Stone|*}}
 
{{Category|Metals|*}}
 
{{Category|Materials}}
 
 
{{Category|Modding}}
 
{{Category|Modding}}
[[Category:FAQ]]
+
{{Category|Interface}}

Latest revision as of 13:03, 9 December 2023


This article is about the current version of DF.
Note that some content may still need to be updated.

For an overview of graphics in Dwarf Fortress, see Graphics.
For user-compiled colors, see color scheme.
For lists of the colors of materials, professions, creatures, etc., see the "Color Lists" at the bottom of this page.
Palettes v50.png

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:

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.

Some sprite sheets contain their own dedicated color palettes.

Overview[edit]

The tileset influences color display[edit]

Tileset-color-processing.png

In the simplest case, a pixel on a tileset is either white (foreground) or transparent* (background). However, black, and anything in between is possible as well (even color):

  • a white pixel will show the foreground color
  • a transparent* pixel will show the background color
  • a black pixel will stay black

The darker a white pixel is (i.e. a shade of gray), the darker the foreground color will be displayed. Similarly, a black pixel with lower opacity will result in a darker background color. A partially transparent, non-black pixel shows both the background and foreground color.[Verify]

*magenta for .bmp files.

Colors are assigned based on material and other raw values[edit]

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.


How colors are assigned[edit]

Colors of Status icons, professions, text and the interface in general are hardcoded. Items, furniture, constructions, and geographic features get the color of their material. Dyes and material contaminants use color tokens.

Wall and floor color[edit]

Phyllite (to the left) has DISPLAY_COLOR:0:7:1 and BASIC_COLOR:7:0. The white sand present has DISPLAY_COLOR:7:6:1 and so the actual floor color is 7:1 (white).

While the foreground, background and brightness shown in the RAW files will be applied to walls, the mineral's "secondary" color will end up different. Here is how it works:

  • If the BASIC_COLOR tag is specified, it will use that color. Note that the BASIC_COLOR tag only has foreground and brightness as arguments.
  • If BASIC_COLOR is left out:
    • The background color is forced to 0 (effectively stripping it).
    • If the foreground color is 0, the game will display it as dark gray, color 8 (in other words, color 0 with brightness 1).

This is effective for stairs, floors, ramps, and constructions (in the case of stone). When stone is engraved, it uses the material's TILE_COLOR (which is the same as the DISPLAY_COLOR unless overridden).

Color values[edit]

Colors are primarily defined using the [COLOR:x:y:z] or [DISPLAY_COLOR:x:y:z] tokens. The three arguments are:

  1. Foreground color [0-7]
  2. Background color [0-7]
  3. Brightness of the foreground color [0 or 1]

The brightness of the background color is always 0.

By default*, the following 8 pairs of colors are displayed. These are bright and dark shades of the primary colors, as well as black, white, and two grays:

Col. Bri. Name
0 0 BLACK
1 0 BLUE
2 0 GREEN
3 0 CYAN
4 0 RED
5 0 MAGENTA
6 0 BROWN
7 0 LGRAY
Col. Bri. Name Alt.
0 1 DGRAY 8
1 1 LBLUE 9
2 1 LGREEN 10
3 1 LCYAN 11
4 1 LRED 12
5 1 LMAGENTA 13
6 1 YELLOW 14
7 1 WHITE 15
(* See color scheme for information about how to change the actual various colors as displayed.)

Sometimes the color numbers are part of another token, e.g. [LEAVES:quarry bush leaf:quarry bush leaves:6:7:0:0:0:0:1:LOCAL_PLANT_MAT:LEAF] specifies the colors "7:0:0" for quarry bush leaves and "0:0:1" for wilted quarry bush leaves.

Values 8-15[edit]

If the brightness value is 1 or another nonzero number, it adds 8 to the foreground color. If the final value of the foreground or background is 8-15, it appears as a "bright" color.

As these values can be manually typed in instead of using the brightness value, you can also give the background a bright color with this method. For example, for a white background color, add 8 to 7 = 15. For a light green background color, you add 8 to 2 = 10.

Color tokens[edit]

When in graphics mode, most things do not use color flags. Instead, they reference color tokens defined in descriptor_color_standard.txt. Color tokens are referenced by their token name, e.g. [STATE_COLOR:SOLID:DARK_GREEN] or [POWDER_DYE:EMERALD]. 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 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 web colors.

DGRAY colors
Token RGB Hex
BLACK 0 0 0 #000000
CLEAR 128 128 128 #808080
GRAY 128 128