site auditing tools

5 Color Scheme Websites you shouldn’t design without – ever!

Colors can make or break a design. Paying attention to colors and color schemes may be a great first step in designing a new website or project.

By Navid Jafari  |   Jun 2019  | 0
Affiliate link disclosure: NeatCue receives compensation at no additional cost to you, if you use referral link(s) on this page to make a purchase.

When designing a new website, I always start with a color scheme.  I may not know where everything goes exactly (before the layout, etc.) but it is pretty standard for a website to have a header, navigation, sidebar, and a footer – at the least.  Since colors can determine the mood and reaction-psychology of any design so it is imperative that careful thought is invested in picking the right color base and accent.  Some colors can have such an impact on design that they single-handedly can change the layout.  For example, think of fuchsia or bright lime color.   These colors are usually so powerful that if you were to overuse them then they would essentially hijack the entire design of the site (for the wrong reasons).  In fact, if you design a beautiful web layout with any wrong colors, you can not only ruin a nice design but really affect the mood of your visitors (negatively), too.

For me, a good approach to determining the right color combination is to first start with a base color.  I keep it simple.  Grays are always a great place to start for me.  Once I have the right shade and color intensity down, then I look for an accent color.  An accent is usually a color that is typically the opposite of the base color in such a way that complements the overall design.  For example, a bright light pink, orange or green goes really well with a dark gray.  In this example, dark gray would be your base color and the bright pink, orange or green color is your accent.  A dark base with a bright highlight – think Seattle Seahawks with the dark blue and lime green uniforms.

Once I have my basic two colors then I mix these up together and see what I get using a color scheme site.  With these sites, one either start with a single color (or two colors) and get a combination of other suggestions or one simply start with an entire color scheme palette that someone else has put together.  As they say, YMMV (Your Mileage May Vary) – if you decide to go with an entirely predefined palette.

I will discuss color psychology in detail in another post but here are five great color palette/color scheme websites that I bookmark and use when designing a website:

  • – This is one of my favorites.  Need I say more?
  • Kuler – A great color scheme website with all the bells and whistles by Adobe. This is probably one of the most visited sites for color palettes.
  • ColorSchemeDesigner – Another great, really easy to use the site to create your own color scheme.
  • – Who doesn’t need a bit of AI, right?
  • ColourLovers – This site not only has color palettes and schemes but also it has a pretty sizable community for “Colour Lovers.”

Did I miss any sites that you use? Let me know in the comment section below.


Affiliate link disclosure: NeatCue receives compensation at no additional cost to you, if you use referral link(s) on this page to make a purchase.


Grammarly Writing Support


Great marketing & design articles to help make your efforts a success. Delivered right to your mailbox