The first week of December, Pantone names its color of the year. The paint and furniture brands follow with theirs, the feeds fill up for a few days, and then it passes. The design file is still open on the screen. One question is left: out of all these colors, which one can actually go into my product.
In this article
1. How the color of the year gets chosen
Nobody votes on the color of the year, and no formula gets published. The Pantone Color Institute spends the year collecting signals — runway fabric, interior materials, industrial products, film grading, art exhibitions — throws in the mood of the moment, and settles on one color behind closed doors. The schedule is simple: one color a year, announced in early December.
The 2026 pick came out on 4 December 2025. PANTONE 11-4201 Cloud Dancer is a warm off-white, and in more than twenty years of this list, no white had ever appeared before.
Line up the last four entries and the direction is hard to miss.
| Year | Color of the year | HEX | What it reads like |
|---|---|---|---|
| 2023 | Viva Magenta | #BE3455 | A cool, vivid magenta |
| 2024 | Peach Fuzz | #FFBE98 | A soft peach with a lot of sweetness |
| 2025 | Mocha Mousse | #A47764 | A low-saturation grey brown |
| 2026 | Cloud Dancer | #F0EEE9 | Near white, barely saturated |
Three years of rising lightness and falling saturation. It is not just a change in taste. People put up with less heavy visual stimulation than they used to, and the longer they sit in front of a screen, the more they drift toward something soft.
The other forecasting system
WGSN and Coloro run on a different schedule and publish about two years ahead. Their STEPIC framework walks through social, technology, environmental, political, industry, and creative signals, then checks whether a hue can be dyed reliably on textile substrates and how it holds up to light. Their 2026 color is Transformative Teal, Coloro 092-37-14, a dark teal sitting between blue and green.
2. The 2026 colors and their values
Here are the main 2026 colors of the year side by side. Values are the digital approximations each organization publishes.
| Source | Color | HEX | RGB | Where it belongs |
|---|---|---|---|---|
| Pantone | Cloud Dancer | #F0EEE9 | 240 238 233 | Large background areas |
| WGSN and Coloro | Transformative Teal | #2F6364 | 47 99 100 | Primary and brand color |
| Behr | Hidden Gem | #596D69 | 89 109 105 | Cards and neutral blocks |
| Benjamin Moore | Silhouette | #57504C | 87 80 76 | Headings and body text |
| Sherwin-Williams | Universal Khaki | #B8A992 | 184 169 146 | Secondary surfaces, dividers |
| IKEA | Rebel Pink | #FF8DA1 | 255 141 161 | Small accents |
Every pick but Pantone leans neutral, and the reason is not hard to guess: a paint brand has to sell a color someone will live with across an entire wall. IKEA going with Rebel Pink is the outlier, and in a home it usually ends up on a small piece of furniture or a textile.
#F1F0EC under M1 lighting; the color finder reads #F0EEE9 under M2. Three points apart, invisible on screen, and still worth a proof before print.3. Using them on the web and in apps
The cheapest place to put a trend color is the background. Cloud Dancer runs warm and light, so it holds a large area without glare, and next to pure #FFFFFF it reads softer and less blue at night.
The body text has to move with it. Pure black on a warm white looks hard, and a warm dark grey like #2E2B27 lets the type settle into the background.
- Put the trend color in the background and drop the default white. One global variable and the whole site follows.
- Work out the full range before using teal as a primary. Default
#2F6364, hover#244E4F, disabled#7A9494. Define them together so nobody has to improvise later. - Give a saturated accent exactly one job. A pink like Rebel Pink turns up in two places and the page loses its center.
4. Weighing trend color against brand color
A brand color and a trend color compete for the same slot — the one the user remembers first. Want both and you usually end up with neither standing out.
- Brand color holds the lead, the trend color takes a supporting role. Backgrounds, dividers and status tags get the trend color. The primary button stays on brand.
- Let the trend color appear once per page, on the action that matters most. Repeat it and it stops being an accent and turns into noise.
- To borrow the mood without touching the brand, shift the neutrals. Move a brand grey from
#808080to a warmer#8A857Cand the palette already reads as this year without a logo change.
Some sectors should sit this one out. In finance, healthcare and government services, color is doing the work of trust and stability, and the upside of a trend is smaller than the risk. Keep the trend color in marketing material and leave the product interface alone.
5. A worked page example
Take a campaign page for a shop. The goal is that warm neutral mood of 2026, without letting the background steal attention from the product photos.
| Use | Value | Share of area |
|---|---|---|
| Page background | #F0EEE9 | about 60% |
| Cards and content areas | #FFFFFF | about 25% |
| Headings and body text | #57504C | about 8% |
| Primary button | #2F6364 | about 5% |
| Dividers and secondary tags | #B8A992 | about 1.5% |
| Limited-time badge | #FF8DA1 | about 0.5% |
The trend color owns most of the page and stays the least noticeable thing on it. The teal button is small and always in the same spot, so one glance is enough to find it.
To grow these six values into a full set, run the primary through the palette generator. It fills in the secondary and a matching group of neutrals, which beats stepping through each value by hand.
The 2026 color of the year is white, which tells you saturation is still heading down. Two things you can act on now: warm and lighten the background, and shrink the area you give the accent. The trend supplies a direction. The numbers are yours to work out.