Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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-2021.css">

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

Example

<div class="w3-2021-marigold">Marigold</div>
<div class="w3-2021-cerulean">Cerulean</div>
<div class="w3-2021-rust">Rust</div>

Try It Yourself »  Download the CSS »

The fashion colors are selected from Colors 2021.


The Hottest Spring/Summer Colors 2021

Marigold

Cerulean

Rust

Illuminating

French Blue

Green Ash

Burnt Coral

Mint

Amethyst Orchid

Raspberry Sorbet


Classic Spring/Summer Colors 2021

Example

<div class="w3-2021-inkwell">Inkwell</div>
<div class="w3-2021-ultimate-gray">Ultimate Gray</div>
<div class="w3-2021-buttercream">Buttercream</div>

Try It Yourself »  Download the CSS »

Inkwell

Ultimate Gray

Buttercream

Desert Mist

Willow


The Hottest Spring/Summer 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 /Summer Colors 2020

Example

<div class="w3-2020-lark">Lark</div>
<div class="w3-2020-navy-blazer">Navy Blazer</div>
<div class="w3-2020-brilliant-white">Brilliant White</div> <div class="w3-2020-ash">Ash</div>

Try It Yourself »  Download the CSS »

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

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 »

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


Fashion Colors Autumn 2019

Example

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

Try It Yourself »  Try All »  Download the CSS »

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

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.


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.