THE WORLD'S LARGEST WEB DEVELOPER SITE

W3.CSS Fashion Colors


How to Use Fashion Colors

Fashion Colors are easy to use. Just add a link to the right color library:

<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-2020.css">

Then, add a class name to the HTML element you want to color:

Example

<div class="w3-2020-flame-scarlet">Flame Scarlet</div>
<div class="w3-2020-saffron">Saffron</div>
<div class="w3-2020-biscay-green">Biscay Green</div>

Try It Yourself »  Download the CSS »

The fashion colors are selected from Colors 2021.


The Hottest Spring/Sommer Colors 2021

Marigold

Cerulean

Rust

Illuminating

French Blue

Green Ash

Burnt Coral

Mint

Amethyst Orchid

Raspberry Sorbet


Classic Spring/Sommer Colors 2021

Inkwell

Ultimate Gray

Buttercream

Desert Mist

Willow


The Hottest Spring/Sommer Colors 2020

Example

<div class="w3-2020-flame-scarlet">Flame Scarlet</div>
<div class="w3-2020-saffron">Saffron</div>
<div class="w3-2020-biscay-green">Biscay Green</div>

Try It Yourself »  Download the CSS »

Flame Scarlet

Saffron

Biscay Green

Chive

Faded Denim

Orange Peel

Mosaic Blue

Sunlight

Coral Pink

Cinnamon Stick

Grape Compote



Classic Spring /Sommer Colors 2020

Lark

Navy Blazer

Brilliant White

Ash


Autumn/Winter Colors 2020

Amberglow

Samba

Sandstone

Classic Blue

Green Sheen

Rose Tan

Ultramarine Green

Fired Brick

Peach Nougat

Magenta Purple


Fashion Colors Spring 2019

Fiesta

Jester Red

Turmeric

Living Coral

Pink Peacock

Pepper Stem

Aspen Gold

Princess Blue

Toffee

Mango Mojito

Terrarium Moss

Sweet Lilac

Soybean

Eclipse

Sweet Corn

Brown Granite

Example

<div class="w3-2019-fiesta">Fiesta</div>
<div class="w3-2019-princess-blue">Princess Blue</div>

Try It Yourself »  Try All »  Download the CSS »


Fashion Colors Autumn 2019

Chili Pepper

Biking Red

Crème de Pêche

Peach Pink

Rocky Road

Fruit Dove

Sugar Almond

Dark Cheddar

Galaxy Blue

Bluestone

Orange Tiger

Eden


Classic Colors Autumn/Winter 2019

Vanilla Custard

Evening Blue

Paloma

Guacamole

Example

<div class="w3-2019-dark-cheddar">Dark Cheddar</div>
<div class="w3-2019-bluestone">Bluestone</div>

Try It Yourself »  Try All »  Download the CSS »

The fashion colors are selected from Colors 2019.


Fashion Colors 2018

w3-2018-red-pear
w3-2018-valiant-poppy
w3-2018-nebulas-blue
w3-2018-ceylon-yellow
w3-2018-martini-olive
w3-2018-russet-orange
w3-2018-ultra-violet
w3-2018-crocus-petal
w3-2018-limelight
w3-2018-quetzal-green
w3-2018-sargasso-sea
w3-2018-tofu
w3-2018-almond-buff
w3-2018-quiet-gray
w3-2018-meerkat
w3-2018-meadowlark
w3-2018-cherry-tomato
w3-2018-little-boy-blue
w3-2018-chili-oil
w3-2018-blooming-dahlia
w3-2018-arcadia
w3-2018-pink-emperador
w3-2018-almost-mauve
w3-2018-spring-crocus
w3-2018-lime-punch
w3-2018-sailor-blue
w3-2018-harbor-mist
w3-2018-warm-sand
w3-2018-coconut-milk

Example

<div class="w3-2018-ultra-violet">Ultra Violet</div>
<div class="w3-2018-cherry-tomato">Cherry Tomato</div>

Try It Yourself »  Try All »  Download the CSS »

The fashion colors are selected from Colors 2018.


Fashion Colors 2017

w3-2017-greenery
w3-2017-grenadine
w3-2017-tawny-port
w3-2017-ballet-slipper
w3-2017-butterum
w3-2017-navy-peony
w3-2017-neutral-grey
w3-2017-shaded-spruce
w3-2017-golden-lime
w3-2017-marina
w3-2017-autumn-maple
w3-2017-niagra
w3-2017-primrose-yellow
w3-2017-lapis-blue
w3-2017-flame
w3-2017-island-paradise
w3-2017-pale-dogwood
w3-2017-pink-yarrow
w3-2017-kale
w3-2017-hazelnut

Example

<div class="w3-2017-greenery">Greenery</div>
<div class="w3-2017-flame">Flame</div>

Try It Yourself »  Try All »  Download the CSS »

The fashion colors are selected from Colors 2017.