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 transposed values in hex code)
 
(52 intermediate revisions by 24 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 ===
 
[[File:Tileset-color-processing.png|300px|thumb|right]]
 
[[File:Tileset-color-processing.png|300px|thumb|right]]
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):
+
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 white pixel will show the foreground color
 
* 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 more opaque (i.e. 'not transparent') and black transparent pixel 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}}
 
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.
 
  
 
<small>*magenta for .bmp files.</small>
 
<small>*magenta for .bmp files.</small>
  
== How Colors are assigned ==
+
=== Colors are assigned based on material and other raw values ===
 +
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
 +
clearly define somewhere when and how the article refers to background/foreground one one hand and pixels on the tileset on the other hand.
 +
== How the tileset influences color display ==
 +
TODO: look through commented out section of tileset page, correct it, update it, etc.
 +
adapt as section here.
 +
 
 +
go into more detail about color in tilesets.
 +
 
 +
=== tricks === (<- keep short, focus on tools/facts, not applications; those go into future "custom tileset" page)
 +
-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.
 +
-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
 +
insert images showing the examples
 +
 
 +
-->
 +
 
 +
== 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 28: 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 42: 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 51: 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 90: 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 144: 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 164: 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 169: 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 174: 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 179: 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 184: 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 194: 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 204: 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 209: 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 234: 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 239: 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 244: 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 249: 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 264: 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 269: 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 284: 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 289: 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 294: 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 314: 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 339: 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 344: 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 365: 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 390: 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 395: 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 400: 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 410: 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 415: 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 420: 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 435: 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 445: 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 450: 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 455: 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 460: 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 465: 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 470: 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 475: 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 485: 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 505: 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 520: 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 530: 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 551: 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 566: 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 586: 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 591: 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 601: 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 606: 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 611: 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 616: 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 626: 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 636: 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 641: 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 656: 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 661: 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 676: 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 701: 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 711: 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 726: 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 939: 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,173: 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,303: 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,325: 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,331: 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,337: 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,343: 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,349: 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,361: 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,367: 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,379: Line 1,650:
 
|
 
|
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|3:0}} Cyan
+
|{{Raw Tile|•|3:0}} CYAN
 
|
 
|
 
|
 
|
Line 1,385: 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,391: Line 1,662:
 
|[[Ice]]
 
|[[Ice]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|1:0}} Dark Blue
+
|{{Raw Tile|•|1:0}} BLUE
 
|[[Kimberlite]]
 
|[[Kimberlite]]
 
|
 
|
Line 1,397: 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,403: Line 1,674:
 
|
 
|
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|5:0}} Purple
+
|{{Raw Tile|•|5:0}} MAGENTA
 
|[[Pitchblende]], [[Rutile]]
 
|[[Pitchblende]], [[Rutile]]
 
|
 
|
Line 1,409: Line 1,680:
 
|[[Glumprong]]
 
|[[Glumprong]]
 
|-valign="top"
 
|-valign="top"
|{{Raw Tile|•|5:1}} Magenta
+
|{{Raw Tile|•|5:1}} LMAGENTA
 
|
 
|
 
|
 
|
Line 1,415: Line 1,686:
 
|[[Tunnel tube]]
 
|[[Tunnel tube]]
 
|}
 
|}
 
 
 
 
  
 
{{Translation
 
{{Translation
Line 1,427: 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 128 #808080
TAUPE_GRAY 139 133 137 #8B8589
LGRAY colors
Token RGB Hex
SILVER 192 192 192 #C0C0C0
ASH_GRAY 178 190 181 #B2BEB5
WHITE colors
Token RGB Hex
WHITE 255 255 255 #FFFFFF
BEIGE 245 245 220 #F5F5DC
IVORY 255 255 240 #FFFFF0
LAVENDER 230 230 250 #E6E6FA
LAVENDER_BLUSH 255 240 245 #FFF0F5
RED colors
Token RGB Hex
MAROON 128 0 0 #800000
CHESTNUT 205 92 92 #CD5C5C
ROSE 244 194 194 #F4C2C2
RED 255 0 0 #FF0000
VERMILION 227 66 52 #E34234
DARK_CHESTNUT 152 105 96 #986960
BURNT_SIENNA 233 116 81 #E97451
MAHOGANY 192 64 0 #C04000
PALE_BROWN 152 118 84 #987654
RED_PURPLE 178 0 75 #B2004B
DARK_PINK 231 84 128 #E75480
DARK_SCARLET 86 3 25 #560319
CRIMSON 220 20 60 #DC143C
CARMINE 150 0 24 #960018
CARDINAL 196 30 58 #C41E3A
LRED colors
Token RGB Hex
RUST 183 65 14 #B7410E
PUMPKIN 255 117 24 #FF7518
SEPIA 112 66 20 #704214
BROWN 150 75 0 #964B00
CINNAMON 123 63 0 #7B3F00
TAN 210 180 140 #D2B48C
RAW_UMBER 115 74 18 #734A12
TAUPE_SANDY 150 113 23 #967117
ECRU 194 178 128 #C2B280
SCARLET 255 36 0 #FF2400
BROWN colors
Token RGB Hex
BURNT_UMBER 138 51 36 #8A3324
AUBURN 111 53 26 #6F351A
CHOCOLATE 210 105 30 #DC691E
TAUPE_PALE 188 152 126 #BC987E
COPPER 184 115 51 #B87333
DARK_BROWN 101 67 33 #654321
LIGHT_BROWN 205 133 63 #CD853F
BRONZE 205 127 50 #CD7F32
OCHRE 204 119 34 #CC7722
GOLDENROD 218 165 32 #DAA520
GOLD 212 175 55 #D4AF37
BRASS 181 166 66 #B5A642
OLIVE 128 128 0 #808000
YELLOW colors
Token RGB Hex
DARK_PEACH 255 218 185 #FFDAB9
ORANGE 255 165 0 #FFA500
PEACH 255 229 180 #FFE5B4
SAFFRON 244 196 48 #F4C430
AMBER 255 191 0 #FFBF00
PEARL 240 234 214 #F0EBD6
BUFF 240 220 130 #F0DC82
FLAX 238 220 130 #EEDC82
GOLDEN_YELLOW 255 223 0 #FFDF00
LEMON 253 233 16 #FDE910
CREAM 255 253 208 #FFFDD0
YELLOW 255 255 0 #FFFF00
LIME 204 255 0 #CCFF00
GREEN colors
Token RGB Hex
TAUPE_DARK 72 60 50 #483C32
DARK_TAN 145 129 81 #918151
YELLOW_GREEN 154 205 50 #9ACD32
DARK_OLIVE 85 104 50 #556832
GREEN-YELLOW 173 255 47 #ADFF2F
LGREEN colors
Token RGB Hex
CHARTREUSE 127 255 0 #7BFF00
GREEN 0 255 0 #00FF00
EMERALD 80 200 120 #50C878
DARK_GREEN 1 50 32 #013220
JADE 0 168 107 #00A86B
MIDNIGHT_BLUE 0 51 102 #003366
CYAN colors
Token RGB Hex
RUSSET 117 90 87 #755A57
TAUPE_MEDIUM 103 76 71 #674C47
FERN_GREEN 79 121 66 #4F7942
MOSS_GREEN 173 223 173 #ADDFAD
MINT_GREEN 152 255 152 #98FF98
LIGHT_BLUE 173 216 230 #ADD8E6
SLATE_GRAY 112 128 144 #708090
BLUE-GRAY 186 202 226 #BACAE2
PALE_CHESTNUT 221 173 175 #DDADAF
LCYAN colors
Token RGB Hex
SPRING_GREEN 0 255 127 #00FF7F
AQUAMARINE 127 255 212 #7FFFD4
TURQUOISE 48 213 200 #30D5C8
AQUA 0 255 255 #00FFFF
SKY_BLUE 135 206 235 #87CEEB
LILAC 200 162 200 #C8A2C8
BLUE colors
Token RGB Hex
SEA_GREEN 46 139 87 #2E8B57
PINE_GREEN 1 121 111 #01796F
TEAL 0 128 128 #008080
CERULEAN 0 123 167 #007BA7
AZURE 0 127 255 #007FFF
COBALT 0 71 171 #0047AB
DARK_BLUE 0 0 139 #00008B
BLUE 0 0 255 #0000FF
PERIWINKLE 204 204 255 #CCCCFF
LBLUE colors
Token RGB Hex
TAUPE_ROSE 144 93 93 #905D5D
PALE_BLUE 175 238 238 #AFEEEE
AMETHYST 153 102 204 #9966CC
VIOLET 139 0 255 #8B00FF
MAUVE_TAUPE 145 95 109 #915F6D
MAGENTA colors
Token RGB Hex
CHARCOAL 54 69 79 #36454F
DARK_VIOLET 66 49 137 #423189
DARK_INDIGO 49 0 98 #310062
INDIGO 75 0 130 #4B0082
PURPLE 102 0 153 #660099
PLUM 102 0 102 #660066
TAUPE_PURPLE 80 64 77 #50404D
EGGPLANT 97 64 81 #614051
MAUVE 153 51 102 #993366
LMAGENTA colors
Token RGB Hex
HELIOTROPE 223 115 255 #DF73FF
FUCHSIA 244 0 161 #F400A1
PUCE 204 136 153 #CC8899
PINK 255 192 203 #FFC0CB
PALE_PINK 250 218 221 #FADADD

Color lists[edit]

For the different colors used to represent different professions, see Skill categories.
For a list of the colors of items listed in the k-stocks menu, see Stocks.
For the colors of the various creatures, see creature
For the colors of status icons, see status icon

Material by color[edit]

For those who want to know which materials display as which color, for levers, aesthetic concerns, etc.


ASCII Mode[edit]

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.

Color Stones Ores Metals Other
WHITE 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 Silver, Platinum, Aluminum, Fine pewter, Nickel silver, Sterling silver Crystal glass, Feather tree, Tower-cap
LGRAY Anhydrite, Dacite, Gneiss, Granite, Phyllite, Stibnite Bismuthinite Nickel, Tin, Zinc, Billon, Trifle pewter
DGRAY Andesite, Basalt, Claystone, Chromite, Diorite, Gabbro, Graphite, Hornblende, Ilmenite, Jet, Mica, Pyrolusite, Rhyolite, Shale, Slate, Obsidian Bituminous coal, Lignite, Magnetite, Sphalerite, Tetrahedrite Iron, Steel, Lead, Pig iron Black-cap
BROWN Chert, Conglomerate, Mudstone, Puddingstone, Sandstone, Schist, Siltstone Cassiterite, Native copper Copper, Bronze All other aboveground trees
YELLOW Brimstone, Orpiment, Orthoclase, Saltpeter, Sylvite, Gypsum, Olivine Limonite, Native gold Gold, Bismuth bronze, Brass, Electrum Fungiwood
RED Bauxite, Kaolinite Hematite Blood thorn
LRED Cinnabar, Petrified wood, Realgar Goblin-cap
GREEN Serpentine Malachite Green glass
LGREEN Garnierite
CYAN Lay pewter Clear glass, Spore tree
LCYAN Microcline Raw adamantine Adamantine Ice
BLUE Kimberlite Nether-cap
LBLUE Cobaltite
MAGENTA Pitchblende, Rutile Black bronze Glumprong
LMAGENTA Bismuth, Rose gold Tunnel tube
"Color" in other Languages Books-aj.svg aj ashton 01.svg
Dwarven: dakas
Elven: mima
Goblin: zon
Human: rusna