Windows Metro UI Colors
Metro is the nickname of Microsoft Design Language (MDL).
Metro is focused on flat design and modern colors:
Light Green
Green
Dark Green
Magenta
Light Purple
Purple
Dark Purple
Darken
Teal
Light Blue
Blue
Dark Blue
Yellow
Orange
Dark Orange
Red
Dark Red
Using Metro Colors in W3.CSS
W3.CSS is a modern CSS framework used for styling HTML pages.
These examples shows you how to use Windows Metro colors with W3.CSS:
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-light-green
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-green
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-green
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-magenta
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-light-purple
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-purple
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-purple
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-darken
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-teal
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-light-blue
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-blue
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-blue
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-yellow
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-orange
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-orange
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-red
London
London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.
w3-metro-dark-red
Example
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>