w3 color libraries w3 colors metro ui win8 vivid food fashion 2017-2024
COLOR STORIES:

W3 FASHION COLORS

PANTONE COLORS OF THE YEAR 2017-2024

PANTONE FASHION COLORS

Each year, Pantone names the new Color of The Year and a new collection of updated colors. I combined 2017-2024 all in one stylesheet called fashion-colors.css. All of the color stylesheets used here are license free and linked in the footer.

Pantone created color palettes shown in each collection. This section uses the 2021 colors of the year Illuminating and Ultimate Gray in a palette called Bee Okay.

The button below activates a w3-CSS modal - often used to announce events or account sign up prompt. Modals normally pop up a few seconds after the page loads.

×

W3 Metro Colors

2024 PANTONE C.O.T.Y.

"In seeking a hue that echoes our innate yearning for closeness and connection, we chose a color radiant with warmth and modern elegance. A shade that resonates with compassion, offers a tactile embrace, and effortlessly bridges the youthful with the timeless." - Leatrice Eiseman, Executive Director, Pantone Color Institute

PEACH FUZZ

#FFBE98 w3-2024-peach-fuzz

#FDD878 w3-2024-lemon-drop

#E55D3B w3-2024-orangeade

#AB4D3A w3-2024-rooibos-tea

#BABEBF w3-2024-northern-droplet

PEACH FUZZ

Peach Fuzz | w3-2024-peach-fuzz w3-2024-lemon-drop w3-2024-orangeade w3-2024-rooibos-tea w3-2024-northern-droplet

2024 PANTONE FASHION COLORS

#FFBE98 w3-2024-peach-fuzz

#FDD878 w3-2024-lemon-drop

#E55D3B w3-2024-orangeade

#AB4D3A w3-2024-rooibos-tea

#BABEBF w3-2024-northern-droplet

#C0428A w3-2024-rose-violet

#F5CB00 w3-2024-high-visibility

#9CCF65 w3-2024-kohlrabi

#C46157 w3-2024-burnt-sienna

#6E81BE w3-2024-persian-jewel

#81E4BD w3-2024-carnival-glass

2024 COLOR PREVIEW

Rejuvenate | w3-red-dahlia w3-2024-red-orange w3-2024-rose-violet w3-2023-high-visibility w3-2024-tender-peach
Rejuvenate
Metro Bliss | w3-metro-teal w3-metro-dark-red lc-nature-salt w3-metro-darken lc-nature-bamboo
Metro Bliss

2023 PANTONE C.O.T.Y.

The color Viva Magenta wants to promote optimism and joy; experimentation and self-expression without inhibitions, without scruples, without fear. Viva Magenta is assertive and unyielding, without aggression. Pantone calls it a "fist in a velvet glove." Exuding dynamism and ready to go forward. -Pantone CEO Leatrice Eiseman.

VIVA MAGENTA

#BE3455 w3-2023-viva-magenta

#B00149 w3-food-raspberry

#C5DE48 w3-2023-love-bird

#A3C6DD w3-2023-summer-song

#FDC3C16 w3-2023-crystal-rose

RENEWAL

Viva Magenta | 2023 Color of the Year

2023 FASHION COLORS

Spring/Summer 2023 New York Fashion Week Color Trends

#D2393E w3-2023-fiery-red

#CA4273 w3-2023-beetroot-purple

#FF8028 w3-2023-tangelo

#FA9A85 w3-2023-peach-pink

#F7D000 w3-2023-empire-yellow

#FDC3C16 w3-2023-crystal-rose

#38A845 w3-2023-classic-green

#C5DE48 w3-2023-love-bird

#4B81BF w3-2023-blue-perennial

#A3C6DD w3-2023-summer-song

2023 Spring/Summer New Your Fashion Week Colors

2023 COLOR PALETTES

Rejuvenate | w3-red-dahlia w3-2024-red-orange w3-2024-rose-violet w3-2023-high-visibility w3-2024-tender-peach
2023 C.O.T.Y. Viva Magenta in Rejuvenate
Tribute | w3-2019-barbie w3-barbie-pink lc-nature-sea-foam w3-vivid-sea-green w3-barbie-petal
Tribute

2022 PANTONE C.O.T.Y.

Very Peri, the bluest purple and Pantone's 2022 Color of the Year, conveys mystery. Orange and fuchia are bright and adventurious companions in an intriguing color story on dusk blue tourmaline background.

2022 PANTONE AMUSEMENTS

#6667AB w3-2022-very-peri

#D3806F w3-2022-tawny-orange

#DF88B7 w3-2022-fuchsia-pink

#CD577E w3-2022-pink-flambe

86A3AC w3-2022-tourmaline

#B18f6A w3-2022-iced-coffee

#ECC478 w3-2022-cornsilk

#E64D67 w3-2022-paradise-pink

VERY PERI NORMAL

VERY PERI NORMAL | w3-2022-very-peri w3-2022-tawny-orange w3-2022-fuchsia-pink w3-2022-pink-flambe w3-2022-tourmaline

2022 PANTONE WELLSPRING

#476A30 w3-2022-treetop

#75A14F w3-2022-foliage

#B8893D w3-2022-chai-tea

#CEC153 w3-2022-celery

#A3CCC9 w3-2022-eggshell-blue

#4B9B69 w3-2022-greenbriar

#8B5897 w3-2022-dewberry

#6667AB w3-2022-very-peri

NATURAL CHAI

Natural Chai | w3-2022-treetop w3-2022-foliage w3-2022-chai-tea w3-2022-celery w3-2022-eggshell-blue

2022 PANTONE STAR OF THE SHOW

#6667AB w3-2022-very-peri

#28282D w3-2022-anthracite

#615C61 w3-2022-volcanic-glass

#DBD5D1 w3-2022-white-sand

#F1F0EC w3-2022-cloud-dancer

#7B6660 w3-2022-deep-taupe

#B3A898 w3-2022-plaza-taupe

#8D7961 w3-2022-petrified-oak

HEADLINER

Headliner | w3-2022-very-peri w3-2022-volcanic-glass w3-2022-white-sand w3-2022-anthracite w3-2022-cloud-dancer

2022 COLOR PALETTES

Natural Chai | w3-2022-treetop w3-2022-foliage w3-2022-chai-tea w3-2022-celery w3-2022-eggshell-blue
Natural Chai

2021 PANTONE C.O.T.Y.(S)

At the beginning of 2021 the world was just seeing the availability of covid vaccines and the outside of their homes after a year of precautions and isolation. Pantone appropriately chose colors of hope, inspiration (Illuminating), security, and endurance (Ultimae Gray). This dynamic duo is a spark to inspire resuming life in our communities, and the security to once again safely gather with those we love.

BEE OKAY

#939597 w3-2021-ultimate-gray

#F3DF4D w3-2021-illuminating

#28282D w3-2022-anthracite

#C62168 w3-pale-yellow

#F1F0EC w3-2022-cloud-dancer

BEE OKAY

Bee Okay | 2021 CO.T.Y.(S) w3-2021-illuminating w3-2021-ultimate-gray

2021 PANTONE AVIARY

#1E603E w3-2021-skydiver

#00A4B7 w3-2021-peacock-blue

#CF5C78 w3-2021-fruit-dove

#F3DF4D w3-2021-illuminating

#FDAC53 w3-2021-marigold

#9BB7D4 w3-2021-cerulean

FLYING COLORS

Pantone Aviary | w3-2021-skydiver w3-2021-peacock-blue w3-2021-fruit-dove w3-2021-illuminating w3-2021-cloud-dancer

2021 PANTONE INTRIGUE

#6266A3 w3-2021-in-bloom

#BF624C w3-2021-spice-route

#925188 w3-2021-willow-herb

#9B855B w3-2021-fennel-seed

#939597 w3-2021-ultimate-gray

#F3DF4D w3-2021-illuminating

#EFE1CE w3-2021-buttercream

NATURALLY CURIOUS

Pantone Intrigue | w3-2021-in-bloom w3-2021-spice-route w3-2021-willow-herb w3-2021-fennel-seed w3-2021-ultimate-gray

2021 PANTONE ENLIGHTENMENT

#939597 w3-2021-ultimate-gray

#BDC3C7 w3-2021-lavender

#EEA5C5 w3-2021-prism-pink

#F3DF43 w3-2021-illuminating

#C2BFB5 w3-2021-lead-crystal

BRAND NEW DAY

Brand New Day | w3-2021-ultimate-gray w3-2021-lavender w3-2021-prism-pink w3-2021-illuminating w3-2021-lead-crystal

2021 PANTONE FASHION COLORS

#1E603E w3-2021-skydiver

#00A4B7 w3-2021-peacock-blue

#CF5C78 w3-2021-fruit-dove

#F3DF4D w3-2021-illuminating

#939597 w3-2021-ultimate-gray

#9A8B4F w3-2021-willow

#363945 w3-2021-inkwell

#B55A30 w3-2021-rust

#E9897E w3-2021-burnt-coral

#EFE1CE w3-2021-buttercream

#E0B589 w3-2021-desert-mist

#0072B5 w3-2021-french-blue

#F5DF4D w3-2021-illuminating-2

#D2386C w3-2021-raspberry-sorbet

#FDAC53 w3-2021-marigold

#926AA6 w3-2021-amethyst-orchid

#00A170 w3-2021-mint

#798EA4 w3-2021-green-ash

#C2BFB5 w3-2021-lead-crystal

#BDC3C7 w3-2021-lavender

#9BB7D4 w3-2021-cerulean

#EEA5C5 w3-2021-prism-pink

2021 COLOR PALETTES

Pantone Aviary | w3-2021-skydiver w3-2021-peacock-blue w3-2021-fruit-dove w3-2021-illuminating w3-2021-cloud-dancer
Aviary
Brand New Day | w3-2021-ultimate-gray w3-2021-lavender w3-2021-prism-pink w3-2021-illuminating w3-2021-lead-crystal
Brand New Day

2020 PANTONE C.O.T.Y.

Pantone's 2020 Color of the Year is Classic Blue, a shade reminiscent of the sky at dusk. "It's a color that anticipates what's going to happen next," said Laurie Pressman, the vice president of the Pantone Color Institute, which selects the Color of the Year.

CLASSIC BLUE

#34568B w3-2020-classic-blue

#CD212A w3-2020-flame-scarlet

#D2C29D w3-2020-lark

#798EA4 w3-2020-faded-denim

#EDF1FF w3-2020-brilliant-white

COMMUNITY

Community | w3-2020-classic-blue w3-2020-flame-scarlet w3-2020-lark w3-2020-faded-denim w3-2020-brilliant-white

2020 FASHION COLORS

#34568B w3-2020-classic-blue

#FFA500 w3-2020-saffron

#CD212A w3-2020-flame-scarlet

#EDF1FF w3-2020-brilliant-white

#FA7A35 w3-2020-orange-peel

#00758F w3-2020-mosaic-blue

#006B54 w3-2020-ultramarine-green

#6B5876 w3-2020-grape-compote

#D9CE52 w3-2020-green-sheen

#798EA4 w3-2020-faded-denim

#DC793E w3-2020-amberglow

#56C6A9 w3-2020-biscay-green

#282D3C w3-2020-navy-blazer

#A2242F w3-2020-samba

#4B5335 w3-2020-chive

#9C4722 w3-2020-cinnamon-stick

#6A2E2A w3-2020-fired-brick

#A09998 w3-2020-ash

#C48A69 w3-2020-sandstone

#E6AF91 w3-2020-peach-nougat

#D19C97 w3-2020-rose-tan

#E8A798 w3-2020-coral-pink

#D2C29D w3-2020-lark

#EDD59E w3-2020-sunlight

2020 COLOR PALETTES

Community | w3-2020-classic-blue w3-2020-flame-scarlet w3-2020-lark w3-2020-faded-denim w3-2020-brilliant-white
Community
Beach Umbrella | W3 Cyan W3 Yellow W3 Light Gray W3 Metro Magenta W3 White
Beach Umbrella
Metro Autumn | w3-metro-darken w3-metro-dark-orange w3-metro-teal w3-metro-yellow
Metro Autumn
Metro Bliss | W3 Metro Teal W3 Metro Dark Red LC Nature Salt W3 Metro Darken LC Nature Bamboo
Metro Bliss

2019 PANTONE C.O.T.Y

LIVING CORAL

#FFBE98 w3-2019-living-coral

#4A4843 w3-2019-beluga

#A89F84 w3-2019-twill

#2A293E w3-2019-evening-blue

#B0B8B4 w3-2019-storm-gray

#F5D6C6 w3-2019-creme-de-peche

ON THE FRINGE

On The Fringe | w3-2019-living-coral w3-2019-beluga w3-2019-twill w3-2019-evening-blue w3-2019-storm-gray

2019 FASHION COLORS

#FFBE98 w3-2019-living-coral

#DD4132 w3-2019-fiesta

#9E1030 w3-2019-jester-red

#FE840E w3-2019-turmeric

#F96714 w3-2019-orange-tiger

#755139 w3-2019-toffee

#935529 w3-2019-sugar-almond

#264E36 w3-2019-eden

#8D9440 w3-2019-pepper-stem

#797B3A w3-2019-guacamole

#616247 w3-2019-terrarium-moss

#D2C29D w3-2019-soybean

#4A4843 w3-2019-beluga

#615550 w3-2019-brown-granite

#9B1B30 w3-2019-chili-pepper

#77212E w3-2019-biking-red

#FF6F61 w3-2019-living-coral

#FA9A85 w3-2019-peach-pink

#F5D6C6 w3-2019-creme-de-peche

#F3E0BE w3-2019-vanilla-custard

#F0EAD6 w3-2019-sweet-corn

#5A3E36 w3-2019-rocky-road

#C62168 w3-2019-pink-peacock

#CE5B78 w3-2019-fruit-dove

#9F9C99 w3-2019-paloma

#E8B5CE w3-2019-sweet-lilac

#E08119 w3-2019-dark-cheddar

#D69C2F w3-2019-mango-mojito

w3-2019-aspen-gold

#00539C w3-2019-princess-blue

#2A4B7C w3-2019-galaxy-blue

#577284 w3-2019-bluestone

#343148 w3-2019-eclipse

#2A293E w3-2019-evening-blue

2019 COLOR PALETTES

On The Fringe | w3-2019-living-coral w3-2019-beluga w3-2019-twill w3-2019-evening-blue w3-2019-storm-gray
On The Fringe
Metro Autumn | w3-metro-darken w3-metro-dark-orange w3-metro-teal w3-metro-yellow
Metro Autumn
Metro Bliss | W3 Metro Teal W3 Metro Dark Red LC Nature Salt W3 Metro Darken LC Nature Bamboo
Metro Bliss

2018 PANTONE C.O.T.Y.

ULTRA VIOLET

#6B5B95 w3-2018-ultra-violet

#BC70A4 w3-2018-spring-crocus

#F1EA7F w3-2018-limelight

#DBB1CD w3-2018-pink-lavender

#B4B7BA w3-2018-harbor-mist

LIGHTS OF SPRING

LIGHTS OF SPRING | w3-2018-ultra-violet w3-2018-lime-light w3-2018-lime-light w3-2018-pink-lavender w3-2018-harbor-mist

2018 Mallard

#006E6D w3-2018-quetzal-green

#485167 w3-2018-sargasso-sea

#D5AE41 w3-2018-ceylon-yellow

#E47A2E w3-2018-russet-orange

#EAE6DA w3-2018-tofu

IN FORMATION

IN FORMATION | w3-2018-quetzel-green w3-2018-sargasso-sea w3-2018-ceylon-yellow w3-2018-russet-orange w3-2018-tofu

2018 FASHION COLORS

#E94B3C w3-2018-cherry-tomato

#7F4145 w3-2018-red-pear

#BD3D3A w3-2018-valiant-poppy

#3F69AA w3-2018-nebulas-blue

#D5AE41 w3-2018-ceylon-yellow

#766F57 w3-2018-martini-olive

#E47A2E w3-2018-russet-orange

#006E6D w3-2018-quetzal-green

#485167 w3-2018-sargasso-sea

#2E4A62 w3-2018-sailor-blue

#6F9FD8 w3-2018-little-boy-blue

#944743 w3-2018-chili-oil

#EC9787 w3-2018-blooming-dahlia

#00A591 w3-2018-arcadia

#6C4F3D w3-2018-emperador

#BCBCBE w3-2018-quiet-grey

#95DEE3 w3-2018-meerkat

#F1EA7F w3-2018-limelight

#ECDB54 w3-2018-meadowlark

#DBB1CD w3-2018-pink-lavender

#EADEDB w3-2018-almost-mauve

#BE9EC9 w3-2018-crocus-petal

#BC70A4 w3-2018-spring-crocus

#BFD641 w3-2018-lime-punch

#6B5B95 w3-2018-ultra-violet

#B4B7BA w3-2018-harbor-mist

#F0EDE5 w3-2018-coconut-milk

#C0AB8E w3-2018-warm-sand

#EAE6DA w3-2018-tofu

#D1B894 w3-2018-almond-buff

2018 COLOR PALETTES

Ultra Violet | 2018 Pantone Color of the Year
Ultra Violet
Purple Crocus
Purple Crocus
In Formation | w3-2018-quetzel-green w3-2018-sargasso-sea w3-2018-ceylon-yellow w3-2018-russet-orange w3-2018-tofu
In Formation
Mallard Duck
Mallard

2017 PANTONE C.O.T.Y.

Greenery is a fresh and zesty yellow-green shade that evokes the first days of spring when nature's greens revive, restore and renew. Illustrative of flourishing foliage and the lushness of the great outdoors, the fortifying attributes of Greenery signals consumers to take a deep breath, oxygenate and reinvigorate.

2017 PANTONE TRANSITIONS

#92B558 w3-2017-greenery

#CFB095 w3-2017-serenity

#D2C29D w3-2017-rose-quartz

#6A698F w3-2017-twilight-purple

#D5D5D8 w3-2017-nimbus-cloud

#476A30 w3-2017-treetop

#3E4F5C w3-2017-orion-blue

#EE5C6C w3-2017-calypso-coral

INHALE

Inhale | w3-2017-greenery-w3-2017-treetop-w3-201serenity-w3-2017-rose-quartz-w3-2017-nimbus-cloud

2017 PANTONE GRAND CANYON

#92B558 w3-2017-greenery

#CE8477 w3-2017-canyon-clay

#77898F w3-2017-lead

#9D7446 w3-2017-bone-brown

#DBB790 w3-2017-sheep-skin

#674550 w3-2017-plum-wine

#66362C w3-2017-cherry-mahogany

#BF7D5C w3-2017-copper

WONDER

Wonder | w3-2017-greenery w3-2017-canyon-clay w3-2017-lead w3-2017-bone-brown w3-2017-sheep-skin

2017 PANTONE MOODY BLOOMS

#9A3F70 w3-2017-baton-rouge

#47253C w3-2017-winter-bloom

#B91428 w3-2017-goji-berry

#F8CDCC w3-2017-red-dahlia

#F45720 w3-2017-scarlet-ibis

#CE3175 w3-2017-pink-yarrow

#DDB614 w3-2017-sulphur

#6B6D50 w3-2017-mayfly

#92B558 w3-2017-greenery

INTROSPECTION

Introspection | w3-2017-baton-rouge w3-2017-winter-bloom w3-2017-goji-berry w3-2017-red-dahlia w3-2017-scarlet-ibis

2017 FASHION COLORS

#476A30 w3-2017-treetop

#9C9A40 w3-2017-golden-lime

#92B558 w3-2017-greenery

#223A5E w3-2017-navy-peony

#004B8D w3-2017-lapis-blue

#4F84C4 w3-2017-marina

#47253C w3-2017-winter-bloom

#6A698F w3-2017-twilight-purple

#CFB095 w3-2017-serenity

#672E3B w3-2017-tawny-port

#9A3F70 w3-2017-baton-rouge

#F3D6E4 w3-2017-ballet-slipper

#CE3175 w3-2017-pink-yarrow

#EE5C6C w3-2017-calypso-coral

#D2C29D w3-2017-rose-quartz

#C48F65 w3-2017-butterum

#CFB095 w3-2017-hazelnut

#EDCDC2 w3-2017-pale-dogwood

#F8CDCC w3-2017-red-dahlia

#B91428 w3-2017-goji-berry

#DC4C46 w3-2017-grenadine

#F45720 w3-2017-scarlet-ibis

#F2552C w3-2017-flame

#D2691E w3-2017-autumn-maple

#DDB614 w3-2017-sulphur

#F6D155 w3-2017-primrose-yellow

#5A7247 w3-2017-kale

#6B6D50 w3-2017-mayfly

#898E8C w3-2017-neutral-gray

#D5D5D8 w3-2017-nimbus-cloud

#3E4F5C w3-2017-orion-blue

#578CA9 w3-2017-niagara

#95DEE3 w3-2017-island-paradise

2017 COLOR PALETTES

Inhale | w3-2017-greenery w3-2017-treetop w3-201serenity w3-2017-rose-quartz w3-2017-nimbus-cloud
Inhale
Primary Heroes | w3-2017-marina w3-2017-greenery w3-2017-grenadine w3-2017-neutral-gray w3-2017-primrose-yellow
Primary Heroes
Wonder | w3-2017-greenery w3-2017-canyon-clay w3-2017-lead w3-2017-bone-brown w3-2017-sheep-skin
Wonder
Introspection | w3-2017-baton-rouge w3-2017-winter-bloom w3-2017-goji-berry w3-2017-red-dahlia w3-2017-scarlet-ibis
Introspection