Color of the Year Browser

The color of the year browser lays out recent annual color picks as a swatch grid, each card showing the year, the name and its hex value.

What is Color of the Year Browser?

The color of the year browser is a compact reference grid of recent annual color picks. Each card carries a large swatch, the year it was announced, the name attached to it, and the hex value, so you can read the whole recent run in one screen rather than hunting through archives. The current set runs from 2020 onward: Classic Blue, then Illuminating and Ultimate Gray, then Very Peri, Viva Magenta, Peach Fuzz, Mocha Mousse and Future Dusk. Because every card states its hex, the grid doubles as a source of copy-ready values.

One detail in the layout is deliberate rather than a duplication error. The 2021 entry appears as two cards, because that year was announced as a pair: a bright yellow and a neutral grey, intended to be used together. Showing both keeps the grid faithful to what was actually published, and it is a useful reminder that an annual colour is sometimes a combination rather than a single swatch.

Use it when you want a palette to feel of its moment rather than timeless. Starting a moodboard from a recent pick gives a design a defensible anchor, and pairing the year's shade with its neutral partner is often enough to build a working scheme. It is equally useful for the reverse question: when a client references a shade by name from a particular year, the grid tells you immediately which colour they mean and gives you the value to work with instead of a guess.

• The practical workflow is to lift the hex and carry it into the rest of the toolkit.
• Take a value into the shade and tint generators to build a ramp, check it as a text colour with a contrast checker before using it on a surface, or feed it into the palette tools to see how it sits beside your existing brand colours.
• Because the grid only shows a swatch, a name and a code, there is nothing to configure and no state to reset.

• It is worth being precise about the limits, because colour-of-the-year announcements are easy to overstate.
• The data here is a fixed, hand-maintained list rather than a live feed; adding a new year means editing the set, so a very recent announcement may not appear immediately.
• The window covered is recent years only, not the full history of the idea.
• And these are industry colour announcements rather than any kind of standard, so nothing about a shade is more correct because a company named it; treat the set as a cultural reference, not a specification.

Two nearby tools answer different questions. If you want to see how a colour has drifted in popularity rather than which single shade was named, the trend analyzer is the better fit, since it looks at movement over time rather than a discrete pick. And if you need to identify an arbitrary colour rather than look up a known one, the naming and lookup tools do that.

As a color of the year list the grid is intentionally shallow and wide: eight or nine entries, each fully described in three fields. That is enough to browse in seconds, to copy a value you need, or to sanity-check a name you half-remember. If you are building a case for a particular direction, the value of the list is that it gives you a defensible cultural reference point and an exact color of the year names and hex values to quote, which is usually all a moodboard needs before the real palette work starts. Read end to end the grid is also a short history of annual color trends by year, and that is the simplest way to use it.

How to use Color of the Year Browser

1. Scan the grid: each card carries the year, the colour's name and its hex value.
2. Read the sequence to see how the picks moved between 2020 and 2026.
3. Copy the hex of the year that fits the brief.
4. Treat the list as curated rather than live — the newest entry on the page is 2026.

When to use Color of the Year Browser vs related tools

Use this browser when you want a recent annual color pick by name, year or hex. Use the trend analyzer for movement over time, and the color name lookup to identify an arbitrary value. For the neighbouring steps, see the flag color extractor and the brand color library.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.

Frequently asked questions about Color of the Year Browser