Color Win8
Windows 8 style color palette reference
Windows 8 Color Palette
Windows 8 introduced a revolutionary flat design approach in 2012, replacing the skeuomorphic Aero glass effects of Windows 7 with bold, solid colors and clean typography. The color palette was carefully curated to work across the Start Screen tiles, apps, and system UI.
The 21 Accent Colors
Windows 8 offered users 21 accent colors to personalize their Start Screen. Click any swatch to copy its hex code.
Start Screen Preview
See how the Windows 8 Start Screen looked with the selected accent color. Click any tile color above to change the preview.
Color Reference Table
| Swatch | Name | Hex | RGB |
|---|---|---|---|
| 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) | |
| Sienna | #A0522D | rgb(160, 82, 45) | |
| Dark | #1D1D1D | rgb(29, 29, 29) |
Using Windows 8 Colors in CSS
:root {
/* Windows 8 Accent Colors */
--win8-lime: #A4C400;
--win8-green: #60A917;
--win8-emerald: #008A00;
--win8-teal: #00ABA9;
--win8-cyan: #1BA1E2;
--win8-cobalt: #0050EF;
--win8-indigo: #6A00FF;
--win8-violet: #AA00FF;
--win8-pink: #F472D0;
--win8-magenta: #D80073;
--win8-crimson: #A20025;
--win8-red: #E51400;
--win8-orange: #FA6800;
--win8-amber: #F0A30A;
--win8-yellow: #E3C800;
}
/* Windows 8 style tile */
.win8-tile {
background-color: var(--win8-cobalt);
color: #ffffff;
padding: 1rem;
font-family: 'Segoe UI', sans-serif;
font-weight: 200;
position: relative;
}
.win8-tile::after {
content: attr(data-label);
position: absolute;
bottom: 0.5rem;
left: 0.75rem;
font-size: 0.8rem;
}Design Legacy
The Windows 8 color palette evolved through Windows 8.1, Windows 10, and into Windows 11. While newer versions expanded the personalization options (Windows 10 introduced 48 accent colors and Windows 11 added automatic accent color extraction from wallpapers), the original 21-color palette remains iconic and widely referenced in design resources.