Thunderbird Orange



Thunderbird colors are bold, vibrant and attractive. They enhance the experience by providing visual clues and by bringing attention to primary actions.

The Thunderbird is a disc that flies with the control of a fairway driver but has the long range capacity of a distance driver. Equally useful for backhand and forehand shots alike. Will definitely be a staple in my bag for years to come. The ninth-generation Thunderbird is the counterpart of the Mercury Cougar (returning solely to a coupe configuration) and the Continental (later Lincoln) Mark VII (1984–1992). As with its predecessor, the ninth-generation Ford Thunderbird was produced in Atlanta Assembly and Lorain Assembly (in Hapeville, Georgia, and Lorain, Ohio, respectively).

Thunderbird Colors

Palettes

The color palette includes primary and secondary colors that can be used for interfaces and illustrations.

Blue

Thunderbird Blue is one of our primary colors. We use blue as accent color for highlighting buttons, links, and active states like the active tab in Thunderbird default theme.

Blue 40#45a1ffAAFails
Blue 50#0a84ffAA LargeAA Large
Blue 60#0060dfAAAA
Blue 70#003eaaAAAAAA
Blue 80#002275AAAAAA
Blue 90#000f40AAAAAA

Teal

Thunderbird Teal is one of our primary colors. We use teal as an attention color.

Teal 50#00feffAAAFails
Teal 60#00c8d7AAAFails
Teal 70#008ea4AAAA
Teal 80#005a71AAAAAA
Teal 90#002d3eAAAAAA

Magenta

Thunderbird Magenta is one of our primary colors. We currently have no common usage for it.

Magenta 50#ff1ad9AA LargeAA Large
Magenta 60#ed00b5AA LargeAA Large
Magenta 70#b5007fAAAAAA
Magenta 80#7d004fAAAAAA
Magenta 90#440027AAAAAA

Green

Thunderbird Green is commonly used to indicate success.

Green 50#30e60bAAAFails
Green 60#12bc00AAFails
Green 70#058b00AAAA
Green 80#006504AAAA
Green 90#003706AAAAAA

Yellow

Thunderbird Yellow is commonly used for warnings.

Yellow 50#ffe900AAAFails
Yellow 60#d7b600AAAFails
Yellow 70#a47f00AAAA
Yellow 80#715100AAAAAA
Yellow 90#3e2800AAAAAA

Red

Thunderbird Red is commonly used for errors.

Red 50#ff0039AA LargeAA Large
Red 60#d70022AAAA
Red 70#a4000fAAAAAA
Red 80#5a0002AAAAAA
Red 90#3e0200AAAAAA

Purple

Thunderbird Purple is commonly used to indicate privacy.

Purple 30#c069ffAAAA
Purple 40#ad3bffAAAA
Purple 50#9400ffAAAA
Purple 60#8000d7AAAAAA
Purple 70#6200a4AAAAAA
Purple 80#440071AAAAAA
Purple 90#25003eAAAAAA

Orange

Thunderbird Orange is only used for branding. Do not use it otherwise.

Orange 50#ff9400AAAFails
Orange 60#d76e00AAAA Large
Orange 70#a44900AAAA
Orange 80#712b00AAAAAA
Orange 90#3e1300AAAAAA

Ink

Thunderbird Ink is commonly used for interfaces (e.g., Thunderbird tab strip on Windows 10 default theme).

Ink 70#363959AAAAAA
Ink 80#202340AAAAAA
Ink 90#0f1126AAAAAA

Grey

Thunderbird Grey is commonly used for interfaces (e.g., Thunderbird light theme).

Grey 10#f9f9faAAAFails
Grey 20#ededf0AAAFails
Grey 30#d7d7dbAAAFails
Grey 40#b1b1b3AAAFails
Grey 50#737373AAAA
Grey 60#4a4a4fAAAAAA
Grey 70#38383dAAAAAA
Grey 80#2a2a2eAAAAAA
Grey 90#0c0c0dAAAAAA
Thunderbird orange for sale

White

We use white for the background of doorhangers or in-content menus.

White 100#ffffffAAAn/a

Text and Background Colors

Visit typography for more information on text color.

Dark Text on Light Background

On light backgrounds, the typography is set in Grey 90 for primary text and Grey 50 for secondary text.

Light Text on Dark Background

On dark backgrounds, the typography is set in White for primary text and Grey 10 for secondary text.

Color Combinations

On a background color, use White when specified.

Primary Text

#ffffff

Use 90 (the darkest shade) when white text fails contrast ratio. In this example, Teal 90 is combined with a Teal 50 background.

Icons and Other Elements

Visit iconography for more information about icon colors.

Use Grey 90 a80 rgba(12, 12, 13, 0.8) on light backgrounds for primary icons. Use Grey 90 a60 rgba(12, 12, 13, 0.6) for secondary icons.

Use Grey 10 a80 rgba(249, 249, 250, 0.8) on dark backgrounds for primary icons. Grey 10 a60 rgba(249, 249, 250, 0.6) for secondary icons.

Themes

Thunderbird features default themes and supports custom themes. Ensure that changes affecting the interface will continue to support a variety of backgrounds, images, and both light or dark colors.

Light Theme

Dark Theme

Accessibility

Color Contrast

Follow the WCAG 2.0 Level AA guidelines to ensure proper color contrast.

Color Contrast Values

  • Fail – Your text doesn’t have enough contrast with the background.

  • AA Large – Acceptable contrast for type sizes >= 18px.

  • AA – Acceptable contrast for text sizes below 18px.

  • Vlc mac to apple tv. AAA – Enhanced contrast.

Thunderbird Orange

Colour Contrast Analyser contrast and color blindness analyzer (Windows and macOS) by The Paciello Group.

Contrast Ratio contrast ratio calculator (Web) by Lea Verou.

Color Blind

There are different types of color blindness. The most common form is red-green color blindness, followed by blue-yellow color blindness and total color blindness. Red-green color blindness affects up to 8% of males and 0.5% of females. Ensure that adjacent color shades are distinguishable for color blind people. Use a color blindness analyzer to confirm your choices.

Sim Daltonism color blindness simulator (iOS and macOS) by Michel Fortin.

High Contrast on Windows

Windows currently offers multiple high contrast modes. Ensure that colors are translated properly, following the hierarchy defined for the default theme.

Supporting High Contrast Themes on Windows guidelines by Windows Dev Center.

Thunderbird colors are bold, vibrant and attractive. They enhance the experience by providing visual clues and by bringing attention to primary actions.

Thunderbird Colors

Palettes

The color palette includes primary and secondary colors that can be used for interfaces and illustrations.

Blue

Thunderbird Orange For Sale

Thunderbird Blue is one of our primary colors. We use blue as accent color for highlighting buttons, links, and active states like the active tab in Thunderbird default theme.

Blue 40#45a1ffAAFails
Blue 50#0a84ffAA LargeAA Large
Blue 60#0060dfAAAA
Blue 70#003eaaAAAAAA
Blue 80#002275AAAAAA
Blue 90#000f40AAAAAA

Teal

Thunderbird Teal is one of our primary colors. We use teal as an attention color.

Teal 50#00feffAAAFails
Teal 60#00c8d7AAAFails
Teal 70#008ea4AAAA
Teal 80#005a71AAAAAA
Teal 90#002d3eAAAAAA

Magenta

Thunderbird Magenta is one of our primary colors. We currently have no common usage for it.

Magenta 50#ff1ad9AA LargeAA Large
Magenta 60#ed00b5AA LargeAA Large
Magenta 70#b5007fAAAAAA
Magenta 80#7d004fAAAAAA
Magenta 90#440027AAAAAA

Green

Thunderbird Green is commonly used to indicate success.

Green 50#30e60bAAAFails
Green 60#12bc00AAFails
Green 70#058b00AAAA
Green 80#006504AAAA
Green 90#003706AAAAAA

Yellow

Thunderbird Yellow is commonly used for warnings.

Yellow 50#ffe900AAAFails
Yellow 60#d7b600AAAFails
Yellow 70#a47f00AAAA
Yellow 80#715100AAAAAA
Yellow 90#3e2800AAAAAA

Red

Thunderbird Red is commonly used for errors.

Red 50#ff0039AA LargeAA Large
Red 60#d70022AAAA
Red 70#a4000fAAAAAA
Red 80#5a0002AAAAAA
Red 90#3e0200AAAAAA

Purple

Thunderbird Purple is commonly used to indicate privacy.

Purple 30#c069ffAAAA
Purple 40#ad3bffAAAA
Purple 50#9400ffAAAA
Purple 60#8000d7AAAAAA
Purple 70#6200a4AAAAAA
Purple 80#440071AAAAAA
Purple 90#25003eAAAAAA

Orange

Thunderbird Orange is only used for branding. Do not use it otherwise.

Orange 50#ff9400AAAFails
Orange 60#d76e00AAAA Large
Orange 70#a44900AAAA
Orange 80#712b00AAAAAA
Orange 90#3e1300AAAAAA

Ink

Thunderbird Ink is commonly used for interfaces (e.g., Thunderbird tab strip on Windows 10 default theme).

Ink 70#363959AAAAAA
Ink 80#202340AAAAAA
Ink 90#0f1126AAAAAA

Grey

Thunderbird Grey is commonly used for interfaces (e.g., Thunderbird light theme).

Grey 10#f9f9faAAAFails
Grey 20#ededf0AAAFails
Grey 30#d7d7dbAAAFails
Grey 40#b1b1b3AAAFails
Grey 50#737373AAAA
Grey 60#4a4a4fAAAAAA
Grey 70#38383dAAAAAA
Grey 80#2a2a2eAAAAAA
Grey 90#0c0c0dAAAAAA

White

We use white for the background of doorhangers or in-content menus.

White 100#ffffffAAAn/a

Text and Background Colors

Visit typography for more information on text color.

Dark Text on Light Background

On light backgrounds, the typography is set in Grey 90 for primary text and Grey 50 for secondary text.

Light Text on Dark Background

On dark backgrounds, the typography is set in White for primary text and Grey 10 for secondary text.

Color Combinations

Thunderbird Orange Mail

On a background color, use White when specified.

Primary Text

#ffffff

Use 90 (the darkest shade) when white text fails contrast ratio. In this example, Teal 90 is combined with a Teal 50 background.

Icons and Other Elements

Visit iconography for more information about icon colors.

Use Grey 90 a80 rgba(12, 12, 13, 0.8) on light backgrounds for primary icons. Use Grey 90 a60 rgba(12, 12, 13, 0.6) for secondary icons.

Use Grey 10 a80 rgba(249, 249, 250, 0.8) on dark backgrounds for primary icons. Grey 10 a60 rgba(249, 249, 250, 0.6) for secondary icons.

Themes

Thunderbird features default themes and supports custom themes. Ensure that changes affecting the interface will continue to support a variety of backgrounds, images, and both light or dark colors.

Light Theme

Dark Theme

Accessibility

Color Contrast

Follow the WCAG 2.0 Level AA guidelines to ensure proper color contrast.

Color Contrast Values

Thunderbird Orange For Sale

  • Fail – Your text doesn’t have enough contrast with the background.

  • AA Large – Acceptable contrast for type sizes >= 18px.

  • AA – Acceptable contrast for text sizes below 18px. Free sports video analysis software for mac.

  • AAA – Enhanced contrast.

Colour Contrast Analyser contrast and color blindness analyzer (Windows and macOS) by The Paciello Group.

Contrast Ratio contrast ratio calculator (Web) by Lea Verou.

Color Blind

There are different types of color blindness. The most common form is red-green color blindness, followed by blue-yellow color blindness and total color blindness. Red-green color blindness affects up to 8% of males and 0.5% of females. Ensure that adjacent color shades are distinguishable for color blind people. Use a color blindness analyzer to confirm your choices.

Sim Daltonism color blindness simulator (iOS and macOS) by Michel Fortin.

High Contrast on Windows

Windows currently offers multiple high contrast modes. Ensure that colors are translated properly, following the hierarchy defined for the default theme.

Thunderbird Orange Serveur Sortant

Supporting High Contrast Themes on Windows guidelines by Windows Dev Center.