Tutorials References Menu

W3.CSS Flat UI Colors


Flat UI

Another popular color scheme that can be used in W3.CSS is Flat UI:

Example

<div class="w3-flat-emerald">
  <p>London is the most populous city in the United Kingdom,
  with a metropolitan area of over 9 million inhabitants.</p>
</div>

Try It Yourself »  Download the CSS »

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-turquoise

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-green-sea

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-emerald

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-nephritis

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-peter-river

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-belize-hole

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-amethyst

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-wisteria

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-wet-asphalt

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-midnight-blue

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-sun-flower

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-orange

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-carrot

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-pumpkin

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-alizarin

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-pomegranate



London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-clouds

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-silver

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-concrete

London

London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.

Try It

w3-flat-asbestos