When planning out the look of your new business website, you have to decide on the colors you want to use. To make a positive impact on visitors and influence more sales, your color palette should reinforce your brand, make your site easy to read and navigate, and — above all — look good.
But, finding colors that “look good” together isn’t as easy as it sounds. Many factors contribute to how we process color on a visual and emotional level. This makes it difficult to create an effective and original website color scheme from scratch, even if we have some intuitive sense of which color combinations work well and which don’t.
Luckily, you don’t need to reinvent the color wheel to build a great website. In this post, we’ve curated a list of the 21 best color combinations used in web design that you can try out yourself. This way, you can skip the coworker debates about whether both green and orange belong on your homepage, and get one step closer to launch.
Best Website Color Schemes & Combinations
Coral Red and Viking
East Bay, Moon Raker, and Ghost
Viking and Karry
Tan Hide, Vermilion, and Acapulco
Botticelli, Nepal, and Ship Gray
Persian Green, Vista Blue, Mauvelous, and Sunflower
Marigold Yellow, Ice Cold, and Vista Blue
Spice, Tuscany, Jaffa, Calico, and Yellow Metal
Alto, Mandys Pink, Chestnut Rose, Stiletto
Swiss Coffee, Schooner, Pharlap, and Mine Shaft
Tulip Tree and Punga
Swans Down, Monte Carlo, and Observatory
Your Pink, Bittersweet, and Alizarin Crimson
Pampas, Your Pink, and Melanie
Mountain Meadow and Magnolia
Terracotta, Gun Powder, Moon Raker, Acapulco, and Manhattan
Bittersweet, Cosmos, Nile Blue, and Seagull
Malibu, Aero Blue, Picton Blue, and Boston Blue
Navajo White and Vivid Tangerine
Dove Gray and Aero Blue
Milano Red and Black Pearl
Of course, a group of mysterious color names isn’t much help without seeing them in action. (What is “Pharlap,” anyway?)
So, for each scheme, I’ve provided a visual example. All examples are pulled from websites acclaimed for their visual appeal. Feel free to use these sites as inspiration for your color palette, layout, and overall aesthetic.
At first, it might seem like finding the right color combination should be easy and intuitive. After all, we see effective uses of color all around us, from brand design, to art and entertainment, to fashionable outfits. The truth is, all of these real-world designs have been carefully planned, tested, and at least partially inspired by designs that came before.
Creating the perfect color design for your website is a challenge. But, by sticking to one of the schemes I’ve provided, your site will serve as another fine example of quality web design in action.
Originally published Sep 24, 2018 6:00:00 AM, updated August 13 2020