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="../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>
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>
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>
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>
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>
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>
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>
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>
The fashion colors are selected from Colors 2017.