June 26, 2020

30 Excellent Examples of Color Usage in Web Design

Choosing the right color scheme for a web design is extremely important. It will set the mood of your design probably more so than any other component. Sometimes it’s appropriate to go big with an assortment of bold colors, while other times it’s better to play it safe with a minimal color palette. For today’s inspiration, we’ve gathered 30 web designs that make excellent use of color. Enjoy!

Netlife Research

colorful01

Collision

colorful02

Instagallery

colorful03

FIFe

colorful04

The Material Group

colorful05

WVA 2011

colorful06

Orange Sprocket

colorful07

Co Exhibitions

colorful08

Spoon

colorful09

Gerren Lamson

colorful10

Yuna

colorful11

rec beat

colorful12

Assistly

colorful13

Love of my Life

colorful14

Aiala Garcia

colorful15

Elliot Lepers

colorful16

Polyester

colorful17

The Daily App

colorful18

Keenan Wells

colorful19

thoughtboxes

colorful20

girlondon

colorful21

Fhoke

colorful22

AWP Express

colorful23

Marie Catrib’s

colorful24

3 Sided Cube

colorful25

Jeremy Church

colorful26

Sparkbox

colorful27

moovents

colorful28

Biola Undergrad

colorful29

best app ideas

colorful30

Source:

The Best Designs
Sites of the Week – Abduzeedo

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

18 Comments

  1. Tristar Web Design Reply

    Its really nice to see some examples of colour used in web design. Simplicity is good, but adding a splash of colour can really pull a website off the page. I love the Girl London Website. Its really clean and playful.

  2. SEO Dave Reply

    Another fantastic and inspirational post – every time I see screenshot of moovents I have to go and look at there site – love the way the header moves with HTML5.

  3. Adam Reply

    Love this post! I had seen the collision site on a CSS gallery somewhere and used a few elements as inspiration on my own site.

    Keep posts like this coming, WDL

  4. Todd Reply

    I love the colour in your examples, but would like to see what you select for sites that are very content heavy. I find most news and information or large online store fronts tend to be very bland and lack in flavorful colour.

  5. dp Reply

    The writer of this post does not seem to know the difference between using lot’s of color and excellent use of color. The examples here DO NOT use color well.

  6. Brian B Reply

    Thank you for the examples. I strugle with color on my web designs and ended up with just sticking to a gray scale color pallet. You have deffenantly given me something to think about as I work to redesign my site in a more attractive way

  7. zenelements Reply

    I like most of the examples used in the article but would have especially liked to have read more about the ethos as to why you chose these particular sites. Fed my eyes with some nice colour though, so not complaining to loudly. Thanks!

    // alex

  8. Lance Reply

    My personal preference with colorful sites lies more towards the use of contrast. Keep the majority of the site toned down and then splash color where you want to draw attention.

  9. Barbara white Reply

    many of these designs were very cluttered. Ie: biola, Simplicity is key.K.I.S.S. Keep it simple stupid. many of the contrasting colours are hard and cold: sketchbook. The most inviting was AWP. Exhibitions, change that dead green.

  10. ui design Reply

    Making a site look pretty is one thing but actually doing ux testing is another. These examples are great but some don’t think about the user. UCD (user centered design) is my thing!

Leave a Reply

Your email address will not be published. Required fields are marked *