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 (Removing {{migrated article}})
m (fix transposed values in hex code)
 
(57 intermediate revisions by 25 users not shown)
Line 1: Line 1:
{{quality|unrated}}{{av}}
 
'''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.
 
  
:* ''If looking for different colors for the game as seen on your computer screen, see [[color scheme]].''
+
{{Quality|Exceptional}}
:* ''If looking for the different colors used to represent different dwarves, see [[Skill#Professions, colors, & skill categories|Skill categories]].''
+
{{Modding}}
:* ''If looking for colors of items listed in the z-stocks menu, see [[Stocks#Color_Code|Stocks]].''
+
{{av}}
 +
: {{for/see|an overview of graphics in Dwarf Fortress|[[Graphics]]}}
 +
: {{for/see|user-compiled colors|[[color scheme]]}}
 +
: {{for/see|lists of the colors of materials, professions, creatures, etc.|[[Color#Color lists|the "Color Lists" at the bottom of this page]]}}
 +
[[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.
  
==Wall vs. floor color==
+
Some sprite sheets contain their own dedicated color palettes.
 +
== Overview ==
 +
=== The tileset influences color display ===
 +
[[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):
 +
* 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}}
 +
 
 +
<small>*magenta for .bmp files.</small>
 +
 
 +
=== 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.
 +
===Wall and floor color===
 
[[image:Towercaps-sandy.jpg|thumb|[[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).]]
 
[[image:Towercaps-sandy.jpg|thumb|[[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).]]
  
Line 14: 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).
 
== Modding color ==
 
 
If you wish to change how a specific item appears in the game, you can modify what colors are associated with that item.*  Various moddable files use one of the two color definitions below.
 
  
 
=== Color values ===
 
=== Color values ===
Line 31: 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 40: 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 79: 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.
  
===Interesting Color Effects===
 
 
====Values 8-15====
 
====Values 8-15====
  
Line 134: 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.
 
== By Color ==
 
{{Material properties}}
 
For those concerned with aesthetics and want to know which materials are available in each color.
 
{{clear}}
 
{| border = 1 cellspacing="0" cellpadding="5"
 
|-
 
!width="90"| Color
 
! Stones
 
! Ores
 
! Metals
 
! Other
 
|-valign="top"
 
|{{Raw Tile|•|7:1}} 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]]
 
|-valign="top"
 
|{{Raw Tile|•|7:0}} Light Gray
 
|[[Anhydrite]], [[Dacite]], [[Gneiss]], [[Granite]], [[Phyllite]], [[Stibnite]]
 
|[[Bismuthinite]]
 
|[[Nickel]], [[Tin]], [[Zinc]], [[Billon]], [[Trifle pewter]]
 
|
 
|-valign="top"
 
|{{Raw Tile|•|0:1}} Dark Gray
 
|[[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]]
 
|-valign="top"
 
|{{Raw Tile|•|6:0}} Brown
 
|[[Chert]], [[Conglomerate]], [[Mudstone]], [[Puddingstone]], [[Sandstone]], [[Schist]], [[Siltstone]]
 
|[[Cassiterite]], [[Native copper]]
 
|[[Copper]], [[Bronze]]
 
|[[Tree|All other aboveground trees]]
 
|-valign="top"
 
|{{Raw Tile|•|6:1}} Yellow
 
|[[Brimstone]], [[Orpiment]], [[Orthoclase]], [[Saltpeter]], [[Sylvite]], [[Gypsum]]
 
|[[Limonite]], [[Native gold]]
 
|[[Gold]], [[Bismuth bronze]], [[Brass]], [[Electrum]]
 
|[[Fungiwood]]
 
|-valign="top"
 
|{{Raw Tile|•|4:0}} Dark Red
 
|[[Bauxite]], [[Kaolinite]]
 
|[[Hematite]]
 
|
 
|[[Blood thorn]]
 
|-valign="top"
 
|{{Raw Tile|•|4:1}} Red
 
|[[Cinnabar]], [[Petrified wood]], [[Realgar]]
 
|
 
|
 
|[[Goblin-cap]]
 
|-valign="top"
 
|{{Raw Tile|•|2:0}} Green
 
|[[Olivine]], [[Serpentine]]
 
|[[Malachite]]
 
|
 
|[[Green glass]]
 
|-valign="top"
 
|{{Raw Tile|•|2:1}} Bright Green
 
|
 
|[[Garnierite]]
 
|
 
|
 
|-valign="top"
 
|{{Raw Tile|•|3:0}} Cyan
 
|
 
|
 
|[[Lay pewter]]
 
|[[Clear glass]], [[Spore tree]]
 
|-valign="top"
 
|{{Raw Tile|•|3:1}} Light Cyan
 
|[[Microcline]]
 
|[[Raw adamantine]]
 
|[[Adamantine]]
 
|[[Ice]]
 
|-valign="top"
 
|{{Raw Tile|•|1:0}} Dark Blue
 
|[[Kimberlite]]
 
|
 
|
 
|[[Nether-cap]]
 
|-valign="top"
 
|{{Raw Tile|•|1:1}} Blue
 
|[[Cobaltite]]
 
|
 
|
 
|
 
|-valign="top"
 
|{{Raw Tile|•|5:0}} Purple
 
|[[Pitchblende]], [[Rutile]]
 
|
 
|[[Black bronze]]
 
|[[Glumprong]]
 
|-valign="top"
 
|{{Raw Tile|•|5:1}} Magenta
 
|
 
|
 
|[[Bismuth]], [[Rose gold]]
 
|[[Tunnel tube]]
 
|}
 
 
  
 
=== 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 257: 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 262: 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 267: 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 272: 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 277: 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 287: 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 297: 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 302: 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 327: 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 332: 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 337: 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 342: 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 357: 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 362: 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 377: 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 382: 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 387: 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 407: 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 432: 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 437: 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 458: 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 483: 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 488: 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 493: 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 503: 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 508: 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 513: 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 528: 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 538: 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 543: 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 548: 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 553: 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 558: 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 563: 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 568: 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 578: 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 598: 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 613: 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 623: 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 644: 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 659: 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 679: 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 684: 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 694: 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 699: 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 704: 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 709: 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 719: 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 729: 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 734: 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 749: 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 754: 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 769: 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 794: 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 804: 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 819: 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 1,032: 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,266: 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,396: 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]
 
}}
 
}}
  
'''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].
+
== Color lists ==
 +
:''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]].''
 +
:''For the colors of the various creatures, see [[creature]]''
 +
:''For the colors of status icons, see [[status icon]]''
 +
 
 +
=== Material by color ===
 +
{{Material properties}}
 +
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}}
 +
{| class="wikitable"
 +
|-
 +
!width="90"| Color
 +
! Stones
 +
! Ores
 +
! Metals
 +
! Other
 +
|-valign="top"
 +
|{{Raw Tile|•|7:1}} 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]]
 +
|-valign="top"
 +
|{{Raw Tile|•|7:0}} LGRAY
 +
|[[Anhydrite]], [[Dacite]], [[Gneiss]], [[Granite]], [[Phyllite]], [[Stibnite]]
 +
|[[Bismuthinite]]
 +
|[[Nickel]], [[Tin]], [[Zinc]], [[Billon]], [[Trifle pewter]]
 +
|
 +
|-valign="top"
 +
|{{Raw Tile|•|0:1}} 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]]
 +
|-valign="top"
 +
|{{Raw Tile|•|6:0}} BROWN
 +
|[[Chert]], [[Conglomerate]], [[Mudstone]], [[Puddingstone]], [[Sandstone]], [[Schist]], [[Siltstone]]
 +
|[[Cassiterite]], [[Native copper]]
 +
|[[Copper]], [[Bronze]]
 +
|[[Tree|All other aboveground trees]]
 +
|-valign="top"
 +
|{{Raw Tile|•|6:1}} YELLOW
 +
|[[Brimstone]], [[Orpiment]], [[Orthoclase]], [[Saltpeter]], [[Sylvite]], [[Gypsum]], [[Olivine]]
 +
|[[Limonite]], [[Native gold]]
 +
|[[Gold]], [[Bismuth bronze]], [[Brass]], [[Electrum]]
 +
|[[Fungiwood]]
 +
|-valign="top"
 +
|{{Raw Tile|•|4:0}} RED
 +
|[[Bauxite]], [[Kaolinite]]
 +
|[[Hematite]]
 +
|
 +
|[[Blood thorn]]
 +
|-valign="top"
 +
|{{Raw Tile|•|4:1}} LRED
 +
|[[Cinnabar]], [[Petrified wood]], [[Realgar]]
 +
|
 +
|
 +
|[[Goblin-cap]]
 +
|-valign="top"
 +
|{{Raw Tile|•|2:0}} GREEN
 +
|[[Serpentine]]
 +
|[[Malachite]]
 +
|
 +
|[[Green glass]]
 +
|-valign="top"
 +
|{{Raw Tile|•|2:1}} LGREEN
 +
|
 +
|[[Garnierite]]
 +
|
 +
|
 +
|-valign="top"
 +
|{{Raw Tile|•|3:0}} CYAN
 +
|
 +
|
 +
|[[Lay pewter]]
 +
|[[Clear glass]], [[Spore tree]]
 +
|-valign="top"
 +
|{{Raw Tile|•|3:1}} LCYAN
 +
|[[Microcline]]
 +
|[[Raw adamantine]]
 +
|[[Adamantine]]
 +
|[[Ice]]
 +
|-valign="top"
 +
|{{Raw Tile|•|1:0}} BLUE
 +
|[[Kimberlite]]
 +
|
 +
|
 +
|[[Nether-cap]]
 +
|-valign="top"
 +
|{{Raw Tile|•|1:1}} LBLUE
 +
|[[Cobaltite]]
 +
|
 +
|
 +
|
 +
|-valign="top"
 +
|{{Raw Tile|•|5:0}} MAGENTA
 +
|[[Pitchblende]], [[Rutile]]
 +
|
 +
|[[Black bronze]]
 +
|[[Glumprong]]
 +
|-valign="top"
 +
|{{Raw Tile|•|5:1}} LMAGENTA
 +
|
 +
|
 +
|[[Bismuth]], [[Rose gold]]
 +
|[[Tunnel tube]]
 +
|}
 +
 
 +
{{Translation
 +
| dwarven = dakas
 +
| elvish  = mima
 +
| goblin  = zon
 +
| human  = rusna
 +
}}
  
{{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