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

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

56 thoughts on “Windows 8 Colors (HEX code)

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

  2. Pingback: Cores do Windows 8
  3. 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. 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!

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

  5. 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!

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

Leave a Reply