Get started building apps for Windows 8 with 30 to Launch! Take your app from to in-store with tips and tricks sent to your inbox. Sign up here!
In my own projects I really like to have correct colors. With Windows 8 coming out, more and more of my projects are around Windows 8. I’m not much of a designer, but sometimes I like to play pretend. I was able to grab these colors from Windows 8 RTM. I’m only including the HEX code because RGB would have been a pain to copy from the programs I use. If you need RGB, there are lots of HEX to RGB color converters online. I hope you find these useful! (Need the colors for Windows Phone 8? Get them here!)
This first set of colors is from the tiles found on the Start Screen, such as Mail, Calendar, Store, Video, Music and Messaging. With these tiles there is a gradient from left to right that is dark to light for both sizes of tiles. The colors listed are for the wide tile except for Sky Blue since SkyDrive only has the smaller tile.
Tile Color |
Dark Color |
Light Color |
| Teal | 008299 | 00A0B1 |
| Blue | 2672EC | 2E8DEF |
| Purple | 8C0095 | A700AE |
| Dark Purple | 5133AB | 643EBF |
| Red | AC193D | BF1E4B |
| Orange | D24726 | DC572E |
| Green | 008A00 | 00A600 |
| Sky Blue | 094AB2 | 0A5BC4 |
This second set of colors is from the Personalize –> Start Screen option on Windows 8. When you select one of the color boxes there are four different colors displayed. This is how I’m labeling those colors:
Color 4 I included because it seemed like a large part of the screen…so yeah. This set goes through all these colors. I didn’t do the grey since I only wanted the color HEX codes!
Color 1 |
Color 2 |
Color 3 |
Color 4 |
| F3B200 | |||
| 77B900 | |||
| 2572EB | |||
| AD103C | |||
| 2E1700 | 632F00 | 261300 | 543A24 |
| 4E0000 | B01E00 | 380000 | 61292B |
| 4E0038 | C1004F | 40002E | 662C58 |
| 2D004E | 7200AC | 250040 | 4C2C66 |
| 1F0068 | 4617B4 | 180052 | 423173 |
| 001E4E | 006AC1 | 001940 | 2C4566 |
| 004D60 | 008287 | 004050 | 306772 |
| 004A00 | 199900 | 003E00 | 2D652B |
| 15992A | 00C13F | 128425 | 3A9548 |
| E56C19 | FF981D | C35D15 | C27D4F |
| B81B1B | FF2E12 | 9E1716 | AA4344 |
| B81B6C | FF1D77 | 9E165B | AA4379 |
| 691BB8 | AA40FF | 57169A | 7F6E94 |
| 1B58B8 | 1FAEFF | 16499A | 6E7E94 |
| 569CE3 | 56C5FF | 4294DE | 6BA5E7 |
| 00AAAA | 00D8CC | 008E8E | 439D9A |
| 83BA1F | 91D100 | 7BAD18 | 94BD4A |
| D39D09 | E1B700 | C69408 | CEA539 |
| E064B7 | FF76BC | DE4AAD | E773BD |
| 00A3A3 | |||
| FE7C22 |
This was awesome!! Found it from StackOverFlow.
Thank You
Glad you stopped by!
ya ….
cool, thx!
This is great, thank you!
You’re very welcome! 🙂
Thank you very much! Very useful.
You’re welcome, thanks for stopping by!
Used your data to create myself a Windows 8 like color picker, thank you!
Awesome! If it’s public, send me a link and I’ll blog about it!
This is very essential to me!!! Thank you so much for writing about this. I will recommend anyone who needs to get those hex codes to read this blog.
Btw, would you mind adding RGB codes for each color? I guess that might be useful in the future.
I’m so glad you found this useful. Good suggestion for adding the RGB colors. You can always use a converter like, http://www.javascripter.net/faq/hextorgb.htm, in the meantime. 🙂
Do you know if Windows 8 theme color that user configured can be retrieved via API? This would be needed to set the Settings panel color to be consistent which the Settings Permissions panel color.
There isn’t an API to do that. You can provide a number of color combinations (based on Windows 8 colors) that a user can choose from in the Settings panel though. I hope that helps!
Anybody knows the RGB value of the blue Windows 8 login screen?
Great ARticle
Nice share… This is what im loooking for, Im very interest with win8 design
thank you for sharing mam more power to microsoft 😀
thank U very much … very . y . y . useful
JBU
awesome……yaar
Thank you so much.
Looking for help. I’m color blind and would really like to know in “Color and Appearance”… Where we can choose from Color 1 through Color 15. What color goes with what number.
I mean I know Color 4 is Yellow and Color 15 is White, but after that I’m kind of lost.
Kind of frustrates me that MS couldn’t say “blue” or “purple” instead of Color #.
Hey very useful information thanks for shared it.
Hi,
All of the colors can be found in here with an extra details:
http://hex-code.com/008299 – Teal
http://hex-code.com/2672EC – Blue
http://hex-code.com/8C0095 – Purple
http://hex-code.com/5133AB – Dark Purple
http://hex-code.com/AC193D – Red
http://hex-code.com/D24726 – Orange
http://hex-code.com/008A00 – Green
http://hex-code.com/094AB2 – Sky Blue
WOW this helped me very mush , thank you , may god bless you .
good work.. thank you very much… this helped me very much..
This unique blog, “Windows 8 Colors (HEX code)
Great post thank you for sharing.
Greetings
Stefan
Very useful for me to develop applications
This is great, thank you
Been looking for this, thanx alot man!
I would like to copy the Hex Code of the color of his eyes and the brightness of your smile, but I could not. You are beautiful!
can win 8 start screen have a white interface???
good….
its like a magic lamp 🙂
thank you !!
Thank you!!!
Thank you nas nob…
Well, I tried it for a while, thank you for sharing 🙂
Amazing Work Dear !! lovin’ it
Thank you for finding that out. It’s a big help here.
Just what I was looking for, thanks a real lot!
thanks it helped
Exlent.. for sharing more power to microsoft thank you..
you can convert RGB to Hexadecimal code using windows calculator. Please check the below link for video
this is ultra wisper thanks
Better than any other site on hex color codes. Very specific.
There are several Metro UI colors and color combinations and we decided to create a list of the most popular ones used in design. This resource also includes various color codes for use in any application, website or even text document.
Thanx. This saved me from lot of trouble
Awesome
Thank you for sharing these colours. I was looking through out the blogs for these colours but found your blog post after a hard struggle thanks for sharing.