Tag Archives: design

Windows Phone 8 Theme Colors (HEX & RGB)

If you read my last blog post, you know the Windows Phone 8 SDK is out! Yay! Along with the new SDK, there are some new theme colors. Below you’ll find a summary of the new colors in HEX and RGB values. Usually I put the HEX & RGB values in a table, but I’m just going to list them out. No worries though, they’re still copy/paste-able 😀 (Need Windows 8 colors? Get the HEX codes here.)

Windows Phone 8 app resources will be coming soon to Generation App! In the meantime, why don’t you get started on a Windows 8 companion app?

winpho8colors

Lime: #A4C400; RGB(164, 196, 0)

Green: #60A917; RGB(96, 169, 23)

Emerald: #008A00; RGB(0, 138, 0)

Teal: #00ABA9; RGB(0, 171, 169)

Cyan: #1BA1E2; RGB(27, 161, 226)

Cobalt: #0050EF; RGB(0, 80, 239)

Indigo: #6A00FF; RGB(106, 0, 255)

Violet: #AA00FF; RGB(170, 0, 255)

Pink: #F472D0; RGB(244, 114, 208)

Magenta: #D80073; RGB(216, 0, 115)

Crimson: #A20025; RGB(162, 0, 37)

Red: #E51400; RGB(229, 20, 0)

Orange: #FA6800; RGB(250, 104, 0)

Amber: #F0A30A; RGB(240, 163, 10)

Yellow: #E3C800; RGB(227, 200, 0)

Brown: #825A2C; RGB(130, 90, 44)

Olive: #6D8764; RGB(109, 135, 100)

Steel: #647687; RGB(100, 118, 135)

Mauve: #76608A; RGB(118, 96, 138)

Taupe: #87794E; RGB(135, 121, 78)

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

Windows Phone Colors in RGB & Hex Values

UPDATE: Get the latest colors for Windows Phone 8 (HEX & RGB) here! Get Windows 8 theme colors (HEX) here!

I find myself looking up the values of these colors a lot, so I thought other people might as well. If you want copy/paste-able color codes, see the table below.

 

Magenta #FF0094 RGB(255, 0, 148)
Purple #A500FF RGB(165, 0, 255)
Teal #00AAAD RGB(0, 170, 173)
Lime #8CBE29 RGB(140, 190, 41)
Brown #9C5100 RGB(156, 81, 0)
Pink #E671B5 RGB(230, 113, 181)
Mango #EF9608 RGB(239, 150, 8 )
Blue #19A2DE RGB(25, 162, 222)
Red #E61400 RGB(230, 20, 0)
Green #319A31 RGB(49, 154, 49)