Examples of Solid Colors in Web Design

With today’s trends in web design, it is hard to find websites that don’t incorporate gradients as their focal point.  While gradients add detail, you can still achieve a good look with a less is more approach using solid colors.  This is why I have compiled a list of 30 websites that make good use of solid colors, while not relying solely on gradients.

Project 1000

Advertising Agency

Barista iPhone App

Bounty Bev

Brooklyn Fare

Clearideaz

David Fooks

Water Works

Design Instruct

AWP Express

Jacob Lee

Lucia Soto

Skype

Manchester Web Design

Massive Blue Web Design

Chrome

Mix Online

Neography

New to York

Carsonified

Rokkan

The Tease

Take the Mic

The Color Cure

Twitter for Business

Typefaces

Shout Digital

Bit Bots

Washtenaw Community College

Yaron Schoen

For more articles by Matthew Heidenreich visit DeviseFunction.com

0 shares
Currently an Art Director in St. Louis Missouri.
  1. July 8, 2010

    Nice roundup!

  2. July 8, 2010

    And this one : http://darky-ben.fr/
    (can contain many “solid colors” if you click on the title)

  3. July 8, 2010

    I’m currently in the process of redesigning and realigning my website, and I’ve used flat colours in there. It feels so refreshing, and you know it’s going to last longer than the web 2.0 trend that’s been going on for years!

  4. July 8, 2010

    Those websites are gorgeous. It must have taken you a while to compile them together.

  5. July 8, 2010

    I read your blog. I found it interesting and want to suggest some more key elements in professional web designing. the color and design, Logo, content and images, and cross browser compatibility should be checked thoroughly…..Really good templates are ,Really nice Good creativity of yours…!!

  6. July 8, 2010

    I love solids! Fed up with gradients? Go for hard colors 🙂
    That’s why I did solid om my website…

  7. July 8, 2010

    I love solid colors lately. May be because of too much of flashy and web2 concepts out there… I’ve used solid colors in my own portfolio as well. I’ve loved…

  8. July 8, 2010

    I love solid colors lately. May be because of too much of flashy and web2 concepts out there… I’ve used solid colors in my own portfolio as well. I’ve loved…

  9. July 8, 2010

    Nice Collection Love it lot!

  10. July 9, 2010

    good stuff… nice work

  11. July 9, 2010

    I do hold unconditional love for solid colour (see my placeholder site).
    It’s a shame clients and co-workers don’t see it the same way, I guess it reminds them of the old days of the web before ‘web 2.0’.

  12. July 9, 2010

    Its interesting to see how other designers have used flat or block colours in their designs, because it can look too one dimensional or be to over powering. I think the designs above have the right balance and have each used different techniques to conquer these potential problems, by using a variety of shades in the same colour pallet or breaking up the designs with graphics.

  13. July 9, 2010

    Great list for my inspiration folder…Thanks

  14. July 9, 2010

    Very nice list, I don’t always go for solid colours but I’m moving more and more that way!

  15. July 9, 2010

    Great collection. It is hard to make solid colours work in web design, but when they work they often turn out to be the best designs.

    Thanks for sharing.

  16. July 9, 2010

    Really nice roundup. Thanks… I personally like solid colors than gradients 🙂

  17. solid colors in webdesign………i like ur ideas..

  18. July 13, 2010

    Nice showcases. These colors give such a warm and comfortable feelings to the human eyes.

  19. July 13, 2010

    Thank u for some nice designs with solid colors. Maybe some article about using colors in webdesign: Design With Color in Mind… – http://www.cruzine.com/2010/06/23/design-color-mind/

  20. July 14, 2010

    Nice Collection, Its great to see a compilation of websites using solid colour that work, it would be nice to see a few more corporate styles though. I really love ‘Carsonified’ expecially how it makes two solid colours so inspiring. Thanks.

  21. July 15, 2010

    Wow.. Beautiful colour mixtures 🙂
    I love them 🙂

  22. July 15, 2010

    Collection of great inspirational work. Thanks 🙂

  23. July 19, 2010

    very good. I like the way you present your content.

  24. August 15, 2010

    Loved it.
    Thanks.

    Regards

  25. September 17, 2010

    It’s my way of designing websites for years already (on my site, there are a lot of old screenshots at my info page). It goes automatically, I can Photoshop and such things but it’s my natural way of designing sites.

    I’m often wondering if people like it. Because of all the textured backgrounds, grunge things, etcetera on others sites.

  26. January 4, 2011

    Here in Venezuela we have very good web designers, but you have opened a very large potential in there work.
    thankyou.

  27. March 8, 2011

    Great article!
    I Love most of the designs, but never use solid colors in my projects (putting gradients and more than one color wont hurt). It’s like putting blank space to design.
    Some are successful and some are very boring and frustrating like The Tease and Manchester Web Design.

    In one word, I love the outcome and creativity. But never limit yourself to one or two colors.

  28. Love the New to York website design!

Leave a Reply

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

Must Have Dark Textures Pack for Designers