Tag Archive for: color palettes

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.

The limits that come from working with a strict color scheme can feel restricting and maybe even frustrating at first, but once you’ve put in some thought, it is easy to see the effect they can have on a design.

Strict color schemes add coherence to your overall layout and establishing consistency. Working with a monochromatic palette makes designing all about contrasts, and automatically establishes a message or mood on a web page.

Don’t get excited if you think working with just one color will be easier. A single set of colors have such a huge range of tints and shades that you can carefully manipulate to create a striking layout. There are plenty of ways to go about it, but Carrie Cousins from Designmodo suggests starting with a dark color scheme, and I agree it is a good place to start.

Before you try to start with a dark palette, remember that black can easily overwhelm the rest of the page and make content hard to digest. Balance is as essential as contrast when trying to design a page with black as a base color.

The first step is of course selecting the colors you want to use. As I’ve suggested before, using a full black is tricky for any composition, be it on a web page of a canvas. Instead, saturate your blacks with the other main color of your composition, so that “real black” is only used extremely selectively. Even using a dark gray is usually preferable to completely black.

For your lighter colors, select your other main color, and add black in ten percent increments to create a “set” of consistent hues for your page. You also need to decide how much contrast you want on your page, which is usually reliant on the feeling you are attempting to cultivate. If you want a moody atmosphere, less contrast can help create a spooky or creepy feel, while brighter colors and contrasts may suggest a slicker or hipper mood.

Carrie Cousins’ article on dark color palettes and designs includes some quick color palette tools you might use if you don’t know where to start.