Windows 8 Colors (HEX code)

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 Definitions

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

59 Comments Add yours

  1. Saif says:

    This was awesome!! Found it from StackOverFlow.
    Thank You

    1. creepyed says:

      Glad you stopped by!

    2. Naga says:

      ya ….

  2. TechnoTim says:

    This is great, thank you!

    1. creepyed says:

      You’re very welcome! 🙂

  3. Thank you very much! Very useful.

    1. creepyed says:

      You’re welcome, thanks for stopping by!

  4. Tuxic says:

    Used your data to create myself a Windows 8 like color picker, thank you!

    1. creepyed says:

      Awesome! If it’s public, send me a link and I’ll blog about it!

  5. Elvin says:

    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.

    1. creepyed says:

      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. 🙂

  6. Pingback: Cores do Windows 8
  7. Michal says:

    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.

    1. creepyed says:

      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!

    2. Bart says:

      Anybody knows the RGB value of the blue Windows 8 login screen?

  8. shatabz says:

    Great ARticle

  9. kentooz says:

    Nice share… This is what im loooking for, Im very interest with win8 design

  10. Ed Josephm says:

    thank you for sharing mam more power to microsoft 😀

  11. k33gan says:

    thank U very much … very . y . y . useful
    JBU

  12. Vinay Pandya says:

    awesome……yaar
    Thank you so much.

  13. Chris says:

    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 #.

  14. Hector says:

    Hey very useful information thanks for shared it.

  15. hex code says:

    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

  16. oussaki says:

    WOW this helped me very mush , thank you , may god bless you .

  17. Seneran Owinda says:

    good work.. thank you very much… this helped me very much..

  18. This unique blog, “Windows 8 Colors (HEX code)

  19. Stefan Bauer says:

    Great post thank you for sharing.

    Greetings
    Stefan

  20. Akbar Sha Ebrahim says:

    Very useful for me to develop applications

  21. This is great, thank you

  22. Donz says:

    Been looking for this, thanx alot man!

  23. A.Torres says:

    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!

  24. Dhruv says:

    can win 8 start screen have a white interface???

  25. Naveen says:

    good….

  26. Ghazi Khan says:

    its like a magic lamp 🙂
    thank you !!

  27. Dr says:

    Thank you!!!

  28. Nimol says:

    Thank you nas nob…

  29. Skydream Izi says:

    Well, I tried it for a while, thank you for sharing 🙂

  30. A.Rehman says:

    Amazing Work Dear !! lovin’ it

  31. Marco Warm says:

    Thank you for finding that out. It’s a big help here.

  32. Coop Connor says:

    Just what I was looking for, thanks a real lot!

  33. anjelo says:

    Exlent.. for sharing more power to microsoft thank you..

  34. Arun Kumar says:

    you can convert RGB to Hexadecimal code using windows calculator. Please check the below link for video

  35. Chappandi says:

    this is ultra wisper thanks

  36. diazabdulm says:

    Better than any other site on hex color codes. Very specific.

  37. 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.

  38. Thanx. This saved me from lot of trouble

  39. 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.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.