Is there a list of standard tile colors for Metro style apps in Windows 8?

Question

When I look at the initial screen of my Windows 8 installation, I see that incoming applications have colors from some standard (?) Palette: IE and Weather have the same color: Store and Xbox Live Games, People and Music, Messaging and Maps etc. There does not seem to be any logical connection between most of these applications. However, their tiles share colors, most likely coming from some standardized palette.

But when we create the Metro application in Visual Studio, the background color is set to # 464646 in the free form text box. So I wonder if there is some kind of “official” list of predefined colors that we can use to make our own “native” for Windows 8?

Obviously, I can take a screenshot and select a color from the connected tile, but there must be a better way, and I have not found it yet.

Edit: apparently, you can’t even select a color from the screenshot, since a gradient is automatically applied to it:

If you make the space around the logo transparent in your image, the color of your application brand (declared in the manifest) will be displayed using a gradient that was previously included as part of the Windows 8 preview view. Http://msdn.microsoft.com/ en-us / library / windows / apps / hh465403.aspx # using_default_tiles

Answer 1

Check out my presentation of the Metro Design Guide at https://skydrive.live.com/view.aspx?resid=40CFFDE85F1AB56A!1284 slide 55

Colors:

PURPLE RGB 162 0 255 A200FF MAGENTA RGB 255 0 151 FF0097 TEAL RGB 0 171 169 00ABA9 LIME RGB 140 191 38 8CBF26 BROWN RGB 160 80 0 A05000 PINK RGB 230 113 184 E671B8 ORANGE RGB 240 150 9 F09609 BLUE RGB 27 161 226 1BA1E2 RED RGB 229 20 0 E51400 GREEN RGB 51 153 51 339933 

Answer 2

the colors from the presentation are basically the colors of the Windows Phone theme. The colors of the Windows 8 kernel are different from the colors of the phone. I just posted a blog post about the colors of tiles and the beginning of the screen in Windows 8. Perhaps this will be useful to you. http://www.creepyed.com/2012/09/windows-8-colors-hex-code/ . Hope this helps!

Answer 3

Really nice project. Features all colors of Windows 8. http://metrocolours.softwareportalplus.com/

Answer 4

Sorry to post to the old thread, but I think many of the search engines will find this useful. This is an excellent resource for metro colors that I discovered when creating a design created for the metro for my client.

http://colorlib.com/etc/metro-colors

All colors and color codes contain HEX, RGB, CMYK, etc.

Answer 5

There is an official list for Windows Phone 8:
http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402557 (v = vs .105) .aspx

Answer 6

 <style> .Color-Purple {background: #8C0095 } .Color-Purple:hover {background: #A700AE } .Color-DarkPurple {background: #5133AB } .Color-DarkPurple:hover {background: #643EBF } .Color-Teal {background: #008299 } .Color-Teal:hover {background: #00A0B1 } .Color-Orange {background: #D24726 } .Color-Orange:hover {background: #DC572E } .Color-Blue {background: #2672EC } .Color-Blue:hover {background: #2E8DEF } .Color-SkyBlue {background: #094AB2 } .Color-SkyBlue:hover {background: #0A5BC4 } .Color-Red {background: #AC193D } .Color-Red:hover {background: #BF1E4B } .Color-Green {background: #008A00 } .Color-Green:hover {background: #00A600 } .Color-Yellow {background: #e8be1b } .Color-Yellow:hover {background: #f7d240 } </style> 

Answer 7

I know his old question ... But still I want to contribute. Here is a link and a visual representation of the color of the tiles and the tiles .....