Explore color trends from Pantone Colors of the Year
This page lets you explore color trends in one place: every Pantone Color of the Year from 2000 to 2026, plus curated trend palettes for UI, branding and fashion. You filter by category and year, then copy any swatch as HEX, RGB or HSL. It is free, runs in your browser and needs no signup.
Trend colors are useful as a starting point, not a rulebook. They show you which hues the design world is talking about, so you can decide what to borrow and what to ignore.
How to use the Color Trends Explorer
- Scroll the Pantone Color of the Year archive to see each year's color name, PANTONE code and approximate HEX value. Press the button under the archive to show the years 2000 to 2015.
- In the Palette category group, choose All, UI & Web, Branding or Fashion.
- Pick a year in the Trend year menu, or leave it on All years.
- Set Copy colors as to HEX, RGB or HSL. Every value chip updates to that format.
- Click a value chip to copy one color, or click a swatch to open its full color details.
- Use Copy palette, Copy CSS or Open palette on a card to take the whole five-color set with you.
Color trend features you can use
- Color of the Year archive: 27 years of Pantone picks, from Cerulean in 2000 to Cloud Dancer in 2026, with PANTONE codes. Years with two colors, such as 2016 and 2021, show both.
- Curated trend palettes: 16 five-color palettes labeled UI & Web, Branding or Fashion, covering 2024, 2025 and 2026.
- Three copy formats: HEX, RGB and HSL, applied to chips, palette copies and CSS exports.
- Quick actions: Copy all, Copy CSS, Export JSON and Share link work on the palettes currently visible.
- Color details popup: click any swatch for more information about that color.
- Next-step links: the latest Color of the Year offers Preview in scenes and Build harmonies buttons.
What are the recent Pantone Colors of the Year?
Pantone's Color of the Year for 2026 is Cloud Dancer (PANTONE 11-4201), a soft white. The five most recent picks are listed below with their approximate screen values.
| Year | Name | PANTONE code | Approx. HEX |
|---|---|---|---|
| 2026 | Cloud Dancer | 11-4201 | #F0EEE9 |
| 2025 | Mocha Mousse | 17-1230 | #A47864 |
| 2024 | Peach Fuzz | 13-1023 | #FFBE98 |
| 2023 | Viva Magenta | 18-1750 | #BB2649 |
| 2022 | Very Peri | 17-3938 | #6667AB |
Cloud Dancer Mocha Mousse Peach Fuzz Viva Magenta Very Peri
Pantone has named a color each year since 2000, which makes the archive a handy timeline of how mainstream taste moved between warm, cool, bright and quiet shades. The brand and its history are summarized on Wikipedia's Pantone page.
What Color of the Year picks reveal about design moods
Reading the archive in order shows clear swings. Classic Blue (#0F4C81) in 2020 was a calm, dependable navy, while Living Coral (#FF6F61) in 2019 was a lively warm orange-pink. Recent years moved from the saturated Viva Magenta to the quieter Mocha Mousse and Cloud Dancer. Comparing neighbouring years helps you judge whether a palette feels current or already familiar.
Why Pantone HEX values are approximate
Pantone defines each color as a physical standard for textiles and print, so a HEX code is only a screen approximation. Your monitor, its calibration and the viewing light all change how the color looks. For production work, match against a physical Pantone guide, or find the nearest match for any HEX with the Pantone converter.
Trending color palettes for UI, branding and fashion
The curated trend palettes are editorial picks from the 66Colorful team, built from widely reported design directions. They are inspiration, not official forecasts, and the page says so. Some are anchored to a Color of the Year, such as Cloud Dancer Neutrals, Mocha Mousse Cafe and Peach Fuzz Glow.
Each palette has five colors that run from a light background tone to a dark text or accent tone. That makes them easy to use as a ready-made scale.
- UI & Web: palettes such as Cloud Dancer Neutrals, Digital Zen and Tech Slate suit backgrounds, cards and interface accents.
- Branding: palettes such as Luminous Earth, Neo Naturals and Vibrant Optimism give a logo or packaging system a clear mood.
- Fashion: palettes such as Golden Hour, Coastal Warmth and Botanical Bloom lean on seasonal, material-inspired tones.
Who uses trending color palettes?
Web designers use them to pick interface neutrals and accents quickly. Brand teams use them to test moods before a rebrand, and marketers use them to refresh seasonal campaigns. Students and educators use the archive as a quick reference when studying how color trends develop over time. Anyone writing about color palette trends can copy exact values instead of guessing from a screenshot.
Want more themed sets? Browse the color palette library for collections by season, mood and industry.
How do you turn a color trend into CSS?
Pick a palette, set Copy colors as to your preferred format, and press Copy CSS. You get a :root block of custom properties, one per color, named after the palette. CSS custom properties can then be reused anywhere in your stylesheet.
Here is the HEX output for Mocha Mousse Cafe:
/* Mocha Mousse Cafe (2025) */
:root {
--mocha-mousse-cafe-1: #F3E9E2;
--mocha-mousse-cafe-2: #D9BBA9;
--mocha-mousse-cafe-3: #A47864;
--mocha-mousse-cafe-4: #6E4B3A;
--mocha-mousse-cafe-5: #3B2A22;
}The middle color, #A47864, is Pantone's Mocha Mousse. Switch the format to RGB and the same color becomes rgb(164, 120, 100). Switch to HSL and it becomes hsl(19, 26%, 52%). The CSS color value reference explains each notation.
If you want a full design-token file instead, send your chosen HEX to the design token exporter.
How to use color trends without dating your design
Use a trend color as an accent, not as the foundation. A brand built entirely on one year's color can look dated when the next pick arrives. A single trend shade on a button, a hero section or a seasonal campaign is easy to swap later.
- Anchor with neutrals. Pair a trend hue with stable grays or off-whites, as the Butter and Slate palette does with yellow and cool gray.
- Test it in context. Open the latest color with Preview in scenes to see it in realistic settings via the Color Scene Studio.
- Build around it. Press Build harmonies or use the Color Harmonies Generator to find complementary and analogous partners.
- Expand it into a scale. Turn one trend color into light and dark steps with the tint and shade scale generator.
Color trend mistakes to avoid
The most common mistake is choosing text and background colors from a trend palette without checking contrast. Pale shades like Cloud Dancer or Peach Fuzz make poor text colors on a white page. WCAG 2.2 success criterion 1.4.3 asks for a contrast ratio of at least 4.5:1 for normal text, as set out in the W3C contrast minimum guidance. Run your final pairs through the contrast checker.
Other mistakes are quieter. Treating an approximate HEX as an exact print match leads to surprises at the printer. Copying a whole palette without adjusting it can make your work look like everyone else's. And following every trend at once dilutes your brand, so choose one or two directions that fit your audience.
Share and export color trend palettes
Your filters stay in the page address, so Share link copies a URL that opens the same category, year and format. Export JSON downloads the full Color of the Year archive together with the palettes currently visible, in your chosen format. This helps when you want to hand a shortlist to a teammate or load the values into your own tools.
Ready to build with your pick? Send a color to the CSS variable theme generator to set up a full light and dark theme.