Tag Archive for: color trends

Design Trends

For those who aren’t watching closely, it can be hard to tell how much the color trends in design change. With such a diverse range of sites using different design styles from neons to earth tones, monotones to color clashing, how can you tell what is part of a trend or just a personal designer’s unique choice?

The truth is, most designers are influenced by design trends. We have to be, as we design for others. We have to keep up with what everyone likes visually, even when they aren’t quite aware what they like about it. This year has seen several distinctive trends either popping up out of almost nowhere, and a few who are finally catching on after slowly spreading. Brandon Hill from Design Madness broke down the color palettes and stylings we’ve been seeing all year, to help you design for what audiences are subconsciously loving.

1) All Emerald Everything – One of the biggest trends of the year isn’t inspired so much by popular tastes but by a simple influential recommendation from Pantone. Every year Pantone chooses a single color as their “Color of the Year” and this year Emerald won the distinctive title, and since then it’s been hard to ignore how prevalent it has become. It works well as a strong background color, accent, contrast, and in many other ways, while still feeling fresh. We’ve recently covered the ways designers are enlivening emerald, but suffice to say the color of the year could quite possibly stick around a while.

2) Blacks and Blues – The web has traditionally been set upon a white or like background color as text has usually been a focus. However, thanks to an increased attention on images, and more flexibility with text styling, dark colors like black, browns, and dark blues have become popular for “edgy” or “aggressive” sites. Whether you want to create a mood of foreboding or mystery, black has become a much more viable way to make your site seem cool or intense.

3) Grays and Accents – Gray has long been a loved neutral color for website designers. It doesn’t feel as empty as white when used as a background, and it pairs well with anything. Lately, designers have been choosing to pair this gray with neons and pastels to create heightened accents and playfulness. The rise of this style could be in part helped by flat design, as it works great as a simple neutral that still makes a page feel full.

4) Monochrome – Blame Facebook and Twitter, but the monochrome look is peaking this year, especially when combined with natural colors such as blues, greens, and often grays. It isn’t uncommon for designers to spice up this style with one or two accent colors to draw attention to important site elements like a call to action, but the monochrome look also creates a sense of cohesiveness which many brands find attractive.

5) Color blocking – Color blocking has come and gone in web design before, but its recent rise has been one of the most noticeable changes in design over the past year. The biggest difference between now and past trends that favored color blocking is the trend is now being used more for website functionality than aesthetics. Color blocks are being used as signifying icons of navigation menus, blocks of content you can select from, site categories, and every other way a designer may geometrically organize their site.

The through line of all of these is a recent focus on simplicity. Flat design is growing, and designers have been streamlining and employing minimalism more and more. The color trends of the year reflect this, while also bringing diverse design techniques that make simple color styles feel exciting and new.

Just like every aspect of design, color is subject to trends and fads, though they aren’t always obvious. Look around a city and you’re hit by a wave of color so various it is hard to make heads or tails of what color palettes are popular at the moment. Start to hone in on the individual elements however, and soon you’ll see patterns in the different billboards and store fronts that litter the landscape.

The same goes for web design. If you are looking at the entire web as a case study, it is hard to tell what is popular right now. If you pay attention to the trendsetters and heavy hitters though, the trends are pretty clear. Luke Clum from Web Design Ledger selected four color trends he has seen coming up this year, and they are indicative of many other fads going on right now.

1) Grayscale with Colorful Accents – Designers have long understood the use of bright colors on muted backgrounds to provide points of interest and direct the eye along the page. Lately, this has been refined to an art. Grayscale palettes give sites an air of sophistication while the brighter spots of color help differentiate between different aspects of the page and important content.

Color Palette Screenshot

2) Muted Pastels – For sites going with the grayscale with accents palette, muted pastels are often the hues of choice for those accents. A desaturated robins-egg blue or grayed out purple still jump off largely black, gray, and white pages, without throwing off the balance with overly saturated brights. These muted colors also work well with creating formal web presences, or more vintage artisanal brand images when accompanied with retro typography.

3) Neons and Brights – On the other hand, while a large group is going muted and reserved, other designers in fashion and visual mediums have been moving towards loud neon colors that scream 80’s throwback. Bright pinks and electric blues are showing up more and more places, giving businesses a perceived image as modern, energetic, and engaging.

4) Color Blocking – This is the trend that unites all of these palette fads, as well as giving a view as to what is going on in web design as a whole. Breaking sites into distinct, but aesthetically pleasing grids is one of the most irrefutable trends going on right this moment, and it all leads back to flat design. These crisp blocks of color help create an organization across the page, without separating every element with white space. It is reminiscent of illustration, minimalism design, and even the trend towards vector graphics. Plus, it can be combined with an other color trend for great results.

Conclusion

While the trends will always be changing, and some of these may not even still be en vogue by the end of the year, keeping up with what is happening across design is essential to the job, and following the latest color trends allows you to keep your site looking modern while experimenting with palettes and layouts outside of your normal wheelhouse. Sometimes, following trends will help get you away from your boring design routine.