colors that start with t — Material study

239 Colors That Start With T: HEX Codes and Swatches

Author image of Izzy BenloulouByIzzy Benloulou Posted Updated Color Theory

Looking for colors that start with T? This atlas gives you 239 distinct names with six-digit HEX references, matching RGB values, and visible swatches. It also identifies the five T names that are CSS keywords and explains how to use creative color labels responsibly.

 

 

Colors That Start With T at a Glance

The T names in this atlas span multiple hues and lightness levels. Familiar choices include Tan, Tangerine, Taupe, Teal, Terracotta, Thistle, Tomato, and Turquoise, while descriptive names such as Tahitian Pearl, Tea Rose, Tiramisu, Tranquil, and Tundra provide more specific creative references.

Same T Name, Different Digital Reference

Download the complete color reference sheet (PNG): Same T Name, Different Digital Reference (PNG) · Color atlas 1 · Color atlas 2 · Color atlas 3 · Color atlas 4 · Color atlas 5 · Color atlas 6 · Color atlas 7

Every row below uses HEX as its controlling digital value. A six-digit HEX code records the red, green, and blue components of an sRGB color, and the RGB numbers and visible swatch in each row agree with that code. These are screen references, not paint formulas or guaranteed printed colors.

Colors That Start With T

The following table compares four familiar names as defined by CSS and as associated with colors in a large participant survey. The system label is essential because the same name can identify different digital references.

Name and systemHEXRGBColor
Tan (CSS)#D2B48C210, 180, 140 
Tan (xkcd survey)#D1B26F209, 178, 111 
Teal (CSS)#0080800, 128, 128 
Teal (xkcd survey)#0293862, 147, 134 
Tomato (CSS)#FF6347255, 99, 71 
Tomato (xkcd survey)#EF4026239, 64, 38 
Turquoise (CSS)#40E0D064, 224, 208 
Turquoise (xkcd survey)#06C2AC6, 194, 172 

 

 

T Color Name Atlas

This atlas contains 239 unique display names in normalized alphabetical order. The five standardized browser colors are marked as CSS keywords. Other entries are documented associations from curated color catalogs, so their names are useful for reference and ideation but are not official standards.

 

Ta Through Td

NameHEXRGBColorStatus
Tabasco#A02712160, 39, 18 Curated creative name
Tabbouleh#709572112, 149, 114 Curated creative name
Tabbouleh Green#52652582, 101, 37 Curated creative name
Tabby Cat Grey#9A948D154, 148, 141 Curated creative name
Table Linen#F1E9DC241, 233, 220 Curated creative name
Table Pear Yellow#E5C279229, 194, 121 Curated creative name
Tabriz Teal#0055530, 85, 83 Curated creative name
Tacha#D2B960210, 185, 96 Curated creative name
Taco#F3C7B3243, 199, 179 Curated creative name
Tactile#D3E7C7211, 231, 199 Curated creative name
Tadorna Teal#7AD7AD122, 215, 173 Curated creative name
Tadpole#7D7771125, 119, 113 Curated creative name
Taffeta Darling#AF797E175, 121, 126 Curated creative name
Taffeta Sheen#81825F129, 130, 95 Curated creative name
Taffeta Tint#F3E0EB243, 224, 235 Curated creative name
Taffy#C39B6A195, 155, 106 Curated creative name
Taffy Pink#FEA6C8254, 166, 200 Curated creative name
Taffy Twist#AAD0BA170, 208, 186 Curated creative name
Tagliatelle#F9F2D4249, 242, 212 Curated creative name
Tagsale Linen#D9BEAA217, 190, 170 Curated creative name
Tahini#DDBB77221, 187, 119 Curated creative name
Tahini Brown#9B856B155, 133, 107 Curated creative name
Tahitian Breeze#B8E9E4184, 233, 228 Curated creative name
Tahitian Pearl#26364438, 54, 68 Curated creative name
Tahitian Sand#F5DCB4245, 220, 180 Curated creative name
Tahitian Sky#C9E9E7201, 233, 231 Curated creative name
Tahitian Tide#00677E0, 103, 126 Curated creative name
Tahitian Treat#00686D0, 104, 109 Curated creative name
Tahiti Gold#DC722A220, 114, 42 Curated creative name
Tahoe Blue#94B8C1148, 184, 193 Curated creative name
Tahoe Snow#D7E1E5215, 225, 229 Curated creative name
Tahuna Sands#D8CC9B216, 204, 155 Curated creative name
Taiga#768078118, 128, 120 Curated creative name
Tail Lights#DD4411221, 68, 17 Curated creative name
Tailored Tan#BD9D7E189, 157, 126 Curated creative name
Tailor’s Buff#DFC2AA223, 194, 170 Curated creative name
Tailwind#F5E8CF245, 232, 207 Curated creative name
Tainan Brick#B54A4A181, 74, 74 Curated creative name
Tainted Gold#EAD795234, 215, 149 Curated creative name
Taisha Brown#BB5520187, 85, 32 Curated creative name
Taisha Red#9F5233159, 82, 51 Curated creative name
Taiwan Blue Magpie#3377A251, 119, 162 Curated creative name
Taiwan Gold#C7AA71199, 170, 113 Curated creative name
Taj#734A33115, 74, 51 Curated creative name
Taj Mahal#EDE9DF237, 233, 223 Curated creative name
Takaka#3D4D7861, 77, 120 Curated creative name
Take a Hike#BACBC5186, 203, 197 Curated creative name
Tan#D2B48C210, 180, 140 CSS keyword: tan
Tangerine#F28500242, 133, 0 Curated creative name
Taupe#483C3272, 60, 50 Curated creative name

 

Te Through Th

NameHEXRGBColorStatus
Tea#BFB5A2191, 181, 162 Curated creative name
Tea Bag#726259114, 98, 89 Curated creative name
Teaberry#DC3855220, 56, 85 Curated creative name
Teaberry Blossom#B44940180, 73, 64 Curated creative name
Tea Biscuit#F5EBE1245, 235, 225 Curated creative name
Tea Blossom Pink#B5A9AC181, 169, 172 Curated creative name
Tea Chest#60554796, 85, 71 Curated creative name
Tea Cookie#F4E1C0244, 225, 192 Curated creative name
Teak#AB8953171, 137, 83 Curated creative name
Teakwood#8D7E6D141, 126, 109 Curated creative name
Teal#0080800, 128, 128 CSS keyword: teal
Teal Bayou#57A1A087, 161, 160 Curated creative name
Teal Blue#01889F1, 136, 159 Curated creative name
Tea Leaf#8F8667143, 134, 103 Curated creative name
Tea Leaf Brown#A59564165, 149, 100 Curated creative name
Tea Leaf Mouse#888E7E136, 142, 126 Curated creative name
Teal Green#25A36F37, 163, 111 Curated creative name
Teal Ice#D1EFE9209, 239, 233 Curated creative name
Tea Light#F8E4C2248, 228, 194 Curated creative name
Tea Party#FFD7D0255, 215, 208 Curated creative name
Tea Room#DCB5B0220, 181, 176 Curated creative name
Tea Rose#F883C2248, 131, 194 Curated creative name
Tea Stain#CAC6B5202, 198, 181 Curated creative name
Tea Towel#C5A5C7197, 165, 199 Curated creative name
Terracotta#CB6843203, 104, 67 Curated creative name
Theatre Blue#21467A33, 70, 122 Curated creative name
Theatre Gold#A76924167, 105, 36 Curated creative name
Thermal#3F505263, 80, 82 Curated creative name
Thermal Aqua#9CCEBE156, 206, 190 Curated creative name
Thermal Spring#58948988, 148, 137 Curated creative name
Thermic Orange#EB3318235, 51, 24 Curated creative name
Thermocline#8FADBD143, 173, 189 Curated creative name
Thermos#D2BB95210, 187, 149 Curated creative name
Thicket#69865B105, 134, 91 Curated creative name
Thicket Green#93840F147, 132, 15 Curated creative name
Thick Fog#DCD3CE220, 211, 206 Curated creative name
Thick Purple#8833DD136, 51, 221 Curated creative name
Thick Red#B30D0D179, 13, 13 Curated creative name
Thick Yellow#F1D512241, 213, 18 Curated creative name
Thimbleberry#E34B50227, 75, 80 Curated creative name
Thimble Red#A05D8B160, 93, 139 Curated creative name
Thin Air#C6FCFF198, 252, 255 Curated creative name
Thin Cloud#D4DCDA212, 220, 218 Curated creative name
Thin Heights#CAE0DF202, 224, 223 Curated creative name
Think Brick#834841131, 72, 65 Curated creative name
Thistle#D8BFD8216, 191, 216 CSS keyword: thistle

 

Ti Through Tn

NameHEXRGBColorStatus
Tia Maria#97422D151, 66, 45 Curated creative name
Tiamo#9BB2AA155, 178, 170 Curated creative name
Tiān Lán Sky#5DB3FF93, 179, 255 Curated creative name
Tiāntāi Mountain Green#566B3886, 107, 56 Curated creative name
Tiara#B9C3BE185, 195, 190 Curated creative name
Tiara Jewel#EAE0E8234, 224, 232 Curated creative name
Tiara Pink#DAA6CF218, 166, 207 Curated creative name
Tiber#18434324, 67, 67 Curated creative name
Tibetan Cloak#6A6264106, 98, 100 Curated creative name
Tibetan Jasmine#F6F3E1246, 243, 225 Curated creative name
Tibetan Orange#AE5848174, 88, 72 Curated creative name
Tibetan Plateau#88FFDD136, 255, 221 Curated creative name
Tibetan Red#8B3145139, 49, 69 Curated creative name
Tibetan Silk#9C8A52156, 138, 82 Curated creative name
Tibetan Sky#DBEAED219, 234, 237 Curated creative name
Tibetan Stone#74B7C1116, 183, 193 Curated creative name
Tibetan Temple#814D50129, 77, 80 Curated creative name
Tibetan Turquoise#0084A60, 132, 166 Curated creative name
Tibetan Yellow#FEDF00254, 223, 0 Curated creative name
Ticino Blue#268BCC38, 139, 204 Curated creative name
Tickled Crow#B6BAA4182, 186, 164 Curated creative name
Tickled Pink#EFA7BF239, 167, 191 Curated creative name
Tickle Me Pink#FC89AC252, 137, 172 Curated creative name
Tidal#F0F590240, 245, 144 Curated creative name
Tidal Basin#78B3CC120, 179, 204 Curated creative name
Tidal Foam#BFB9A3191, 185, 163 Curated creative name
Tidal Green#CDCA98205, 202, 152 Curated creative name
Tidal Mist#E5E9E1229, 233, 225 Curated creative name
Tinted Ice#CFF6F4207, 246, 244 Curated creative name
Tinted Iris#C4B7D8196, 183, 216 Curated creative name
Tinted Lilac#9DA9D0157, 169, 208 Curated creative name
Tinted Mint#E3E7C4227, 231, 196 Curated creative name
Tinted Rosewood#E1C8D1225, 200, 209 Curated creative name
Tint of Turquoise#41BFB565, 191, 181 Curated creative name
Tiny Bubbles#0088AB0, 136, 171 Curated creative name
Tiny Calf#E0BFA5224, 191, 165 Curated creative name
Tiny Fawn#C08B6D192, 139, 109 Curated creative name
Tiny Ghost Town#D4CFCC212, 207, 204 Curated creative name
Tiny Mr Frosty#B8D3E4184, 211, 228 Curated creative name
Tiny Pink#FFD6C7255, 214, 199 Curated creative name
Tiny Ribbons#B98FAF185, 143, 175 Curated creative name
Tiny Seedling#8A8D69138, 141, 105 Curated creative name
Tip of the Iceberg#BBE4EA187, 228, 234 Curated creative name
Tip Toes#D8C2CD216, 194, 205 Curated creative name
Tiramisu#744B3E116, 75, 62 Curated creative name
Tiramisu Cream#D3BDA4211, 189, 164 Curated creative name
Tirisfal Lime#75DE2F117, 222, 47 Curated creative name
Tirol#9E915C158, 145, 92 Curated creative name

 

To Through Tr

NameHEXRGBColorStatus
Toad#748D70116, 141, 112 Curated creative name
Toad King#3D6C5461, 108, 84 Curated creative name
Toadstool#B8282F184, 40, 47 Curated creative name
Toadstool Dot#D7E7DA215, 231, 218 Curated creative name
Toadstool Soup#988088152, 128, 136 Curated creative name
Toadstool Teal#016C751, 108, 117 Curated creative name
Toast#9F715F159, 113, 95 Curated creative name
Toast and Butter#D2AD84210, 173, 132 Curated creative name
Toasted#B59274181, 146, 116 Curated creative name
Toasted Almond#DACFBA218, 207, 186 Curated creative name
Toasted Bagel#986B4D152, 107, 77 Curated creative name
Toasted Barley#E7DDCB231, 221, 203 Curated creative name
Toasted Beige#DAB7A8218, 183, 168 Curated creative name
Toasted Cashew#E2D0B8226, 208, 184 Curated creative name
Toasted Chestnut#A7775B167, 119, 91 Curated creative name
Toasted Coconut#E9C2A1233, 194, 161 Curated creative name
Toasted Cranberry#A24A3B162, 74, 59 Curated creative name
Toasted Grain#C5A986197, 169, 134 Curated creative name
Toasted Husk#ED8A53237, 138, 83 Curated creative name
Toasted Marshmallow#EFE0D4239, 224, 212 Curated creative name
Toasted Marshmallow Fluff#FFF9EB255, 249, 235 Curated creative name
Toasted Nut#C08768192, 135, 104 Curated creative name
To Hell and Black#25212A37, 33, 42 Curated creative name
Tomato#FF6347255, 99, 71 CSS keyword: tomato
Tracery#DBB9A0219, 185, 160 Curated creative name
Track and Field#D66352214, 99, 82 Curated creative name
Track Green#849E88132, 158, 136 Curated creative name
Tractor Beam#00BFFE0, 191, 254 Curated creative name
Tractor Green#1C6A5128, 106, 81 Curated creative name
Tractor Red#FD0F35253, 15, 53 Curated creative name
Trade Secret#6A7978106, 121, 120 Curated creative name
Trade Winds#B7C5C6183, 197, 198 Curated creative name
Trading Post#BB8D3B187, 141, 59 Curated creative name
Traditional#776255119, 98, 85 Curated creative name
Traditional Blue#1F648D31, 100, 141 Curated creative name
Traditional Grey#C7C7C1199, 199, 193 Curated creative name
Traditional Leather#6F4F3E111, 79, 62 Curated creative name
Traditional Rose#BE013C190, 1, 60 Curated creative name
Traditional Royal Blue#0504AA5, 4, 170 Curated creative name
Traditional Tan#D6D2C0214, 210, 192 Curated creative name
Traffic Green#55FF2285, 255, 34 Curated creative name
Traffic Light Green#8C9900140, 153, 0 Curated creative name
Traffic Red#FF1C1C255, 28, 28 Curated creative name
Traffic White#F1F0EA241, 240, 234 Curated creative name
Traffic Yellow#FEDC39254, 220, 57 Curated creative name
Tragic Juliet#927383146, 115, 131 Curated creative name
Trail Dust#D0C4AC208, 196, 172 Curated creative name
Tranquil#DDEDE9221, 237, 233 Curated creative name

 

Ts Through Tz

NameHEXRGBColorStatus
Tsar#8B7F7B139, 127, 123 Curated creative name
Tsarina#D1B4C6209, 180, 198 Curated creative name
Tsunami#869BAF134, 155, 175 Curated creative name
Tsunami Sky#CFD4D3207, 212, 211 Curated creative name
Tsurubami Green#9BA88D155, 168, 141 Curated creative name
Tuatara#45464269, 70, 66 Curated creative name
Tubbataha Teal#0E878714, 135, 135 Curated creative name
Tuberose#FFFAEC255, 250, 236 Curated creative name
Tucson Teal#00858B0, 133, 139 Curated creative name
Tucumán Green#5F572B95, 87, 43 Curated creative name
Tudor Ice#C1CECF193, 206, 207 Curated creative name
Tudor Tan#B68960182, 137, 96 Curated creative name
Tuffet#A59788165, 151, 136 Curated creative name
Tuft#CBC2AD203, 194, 173 Curated creative name
Tuft Bush#F9D3BE249, 211, 190 Curated creative name
Tufted Leather#B96C46185, 108, 70 Curated creative name
Tufts Blue#417DC165, 125, 193 Curated creative name
Tuğçe Silver#CCDDEE204, 221, 238 Curated creative name
Tǔ Hēi Black#574D3587, 77, 53 Curated creative name
Tuileries Tint#B89CBC184, 156, 188 Curated creative name
Tuk Tuk#573B2A87, 59, 42 Curated creative name
Tulip#FF878D255, 135, 141 Curated creative name
Tulipan Violet#966993150, 105, 147 Curated creative name
Tulip Petals#FBF4DA251, 244, 218 Curated creative name
Tulip Poplar Purple#53193883, 25, 56 Curated creative name
Tulip Red#B8516A184, 81, 106 Curated creative name
Tulip Soft Blue#C3C4D6195, 196, 214 Curated creative name
Tulip Tree#E3AC3D227, 172, 61 Curated creative name
Tulip White#F1E5D1241, 229, 209 Curated creative name
Tulipwood#86586A134, 88, 106 Curated creative name
Tulle#F1BA91241, 186, 145 Curated creative name
Tulle Grey#8D9098141, 144, 152 Curated creative name
Tulle Soft Blue#D9E7E5217, 231, 229 Curated creative name
Tulle White#FBEDE5251, 237, 229 Curated creative name
Tumbleweed#DEAA88222, 170, 136 Curated creative name
Tumbling Tumbleweed#CEBF9C206, 191, 156 Curated creative name
Tuna#46494E70, 73, 78 Curated creative name
Tuna Sashimi#CF6275207, 98, 117 Curated creative name
Tundora#58545288, 84, 82 Curated creative name
Tundra#D6D9D7214, 217, 215 Curated creative name
Tundra Frost#E1E1DB225, 225, 219 Curated creative name
Tungsten#B5AC9F181, 172, 159 Curated creative name
Tunic Green#00CC000, 204, 0 Curated creative name
Tunisian Stone#FFDDB5255, 221, 181 Curated creative name
Tupelo Honey#C0A04D192, 160, 77 Curated creative name
Turquoise#40E0D064, 224, 208 CSS keyword: turquoise
Tzatziki Green#DDEECC221, 238, 204 Curated creative name

 

 

The Five CSS T Color Keywords

Only five color names beginning with T belong to the standardized CSS named-color set. A browser recognizes these names as identifiers representing specific sRGB values. The larger collection of creative names in the atlas does not gain CSS status simply by having an associated HEX code.

colors that start with t — Material studyAI-generated editorial illustration; not a measured color sample.

 

CSS Keyword Reference Table

CSS tokenHEXRGBColor
tan#D2B48C210, 180, 140 
teal#0080800, 128, 128 
thistle#D8BFD8216, 191, 216 
tomato#FF6347255, 99, 71 
turquoise#40E0D064, 224, 208 

 

Using Named Colors and HEX in CSS

Either the keyword or its equivalent HEX value works for these five colors. For example, color: teal; and color: #008080; specify the same sRGB color. CSS color keywords are case-insensitive, although lowercase is a common coding convention.

Do not remove spaces from an arbitrary catalog name and assume it becomes valid CSS. CSS accepts only identifiers from its defined keyword set. For a creative name such as Tea Rose, use the associated HEX value, #F883C2, instead of inventing a tearose token.

 

 

Why One Color Name Can Have More Than One HEX Value

 

Standards, Surveys, and Creative Catalogs

A technical standard defines a keyword so software can interpret it consistently. A survey records how participants associate language with colors shown on a monitor. A creative catalog collects useful labels and assigns digital references to them. These systems answer different questions, so matching names can legitimately carry different codes.

Tan illustrates the distinction. CSS assigns Tan the value #D2B48C, while a large participant survey associates the same word with #D1B26F. Neither value needs to replace the other. The important step is to state which naming system controls the choice.

 

How Conflicting Names Are Handled

The atlas keeps one unqualified row for each normalized display name. When a CSS keyword exists, its standardized value takes priority. Other retained names use one documented catalog association and carry a creative-name label. A disputed name is better omitted or explicitly qualified than silently averaged into a new, unsupported color.

This also explains why a descriptive name should not be treated as an official material specification. A label such as Tahitian Pearl may identify a dark blue-gray in this catalog, but it does not establish the appearance of a gemstone, coating, textile, or manufactured product.

 

 

How to Choose and Check a T Color

 

Choose by Role and Exact Value

Start with the color’s job. A pale option such as Table Linen can support a quiet background, while a dark shade such as Tahitian Pearl may suit a heading or framing element. An accent such as Tomato or Traffic Yellow needs less area to attract attention.

Then record the exact HEX value. The name helps people discuss the palette, but the code keeps the selected digital reference consistent across design files. When sharing a non-standard name, include both the name and code, such as “Tea Rose, #F883C2, curated creative reference.”

 

Check Text Contrast

A color name cannot tell you whether text is readable. Contrast depends on the foreground and background as a pair, so test the actual codes at the intended size and weight. For WCAG Level AA, ordinary text needs a contrast ratio of at least 4.5:1. Large text needs at least 3:1.

In this guidance, large text means at least 18pt regular or 14pt bold. Treat the ratios as firm thresholds and do not round a failing result upward. Color should also not be the only signal for an error, status, category, or instruction.

 

Screen Color Versus Print and Paint

HEX, RGB functions, and CSS named colors specify sRGB references. Screens and printers can have different gamuts, which means an output device may need to map a requested color into the range it can reproduce.

A screen HEX value is therefore not a universal paint, pigment, dye, ink, or print formula. For physical work, compare an appropriate material sample and follow the product manufacturer’s instructions rather than treating the digital code as a mixing recipe.

 

Use the Source Label When Sharing a Color

For a browser interface, label Tan, Teal, Thistle, Tomato, or Turquoise as CSS keywords when you use their standardized values. For the other atlas entries, describe the name as a curated creative reference. That distinction prevents collaborators from assuming every label will work in CSS or match a material bearing the same name.

A reliable handoff combines three pieces of information: a readable display name, the exact six-digit HEX value, and the naming system. That format preserves both the human-friendly idea and the technical digital reference.

 

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *