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-2025.css">
Then, add a class name to the HTML element you want to color:
Example
<div class="w3-2025-brandied-melon">Brandied Melon</div>
<div class="w3-2025-winterberry">Winterberry</div>
<div class="w3-2025-crocus">Crocus</div>
Color of the Year 2025
Mocha Mousse
The fashion colors are selected from Colors of the Year.
Spring / Summer Colors 2025
Bran
Crocus
Lime Cream
Limpet Shell
White Grape
Déja Vu Blue
Kashmir
Misted Marigold
Orangeade
Cocoon
Seasonless Shades Spring 2025
Eclipse
Antique White
Rum Rasin
Moonbeam
Blue Granite
Autumn / Winter Colors 2025
Lemon Grass
Brandied Melon
Lyons Blue
Damson
Primrose Pink
Winterberry
Hot Chocolate
Chili Oil
Poppy Red
Bronze Brown
Seasonless Shades Autumn 2025
Bright White
French Roast
Vapor Blue
Crown Blue
Mauve Wine
Color of the Year 2024
Peach Fuzz
The fashion colors are selected from Colors of the Year.
Spring 2024 Color Palette
Rooibos Tea
Orangeade
Watercress
Desert Flower
Chambray Blue
Pastel Lilac
Marlin
Lemon Drop
Mint
Capri
Brilliant White
Mushroom
Northern Droplet
Quiet Shade
Brush
Autumn / Winter 2024 Color Palette
Tomato Cream
Scarlet Smile
Golden Palm
Aventurine
Red Orange
Fern
Italian Plum
Moonstruck
Winter Sky
Lucent Wite
Colors of the Year 2021
Spring / Summer Colors 2021
Example
<div class="w3-2021-marigold">Marigold</div>
<div class="w3-2021-cerulean">Cerulean</div>
<div class="w3-2021-rust">Rust</div>
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
Autumn / Winter Colors 2021
Myknos Blue
Illuminating
Leprechaun
Fuchsia Fedora
Pale Rosette
Adobe
Fire Whirl
Rhodonite
Spring Lake
Root Beer
Autumn / Winter 2021 Core Classics
Coconut Cream
Ultimate Gray
Soybean
Olive Branch
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.
