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.
How to Use Color Win8?
- 1Choose a base color using the interactive picker or enter HEX, RGB, HSL values.
- 2Generate matching color palettes, schemes, or color space transformations instantly.
- 3Click on any color code block in the results to copy it instantly to your clipboard.
Designer Friendly
Easily match colors, check contrast ratios, and generate custom palettes for your designs.
Multi-Format Support
Supports copy-paste in HEX, RGB, RGBA, HSL, HSLA, and CSS variables formats.
Runs Locally
No internet connection required. Our color engines run instantly and cleanly inside your web browser.