Choosing the right color scheme is essential to your website’s success. Your layout and other design choices — including font — should be developed in concert with your color scheme, which can ensure readability, cohesiveness, and beauty in the final product. Unfortunately, making that choice or creating a color palette from scratch can be quite the challenge. That’s why for today’s post I’ve put together a collection of 50 beautiful color palettes that are ready to use for your next web project. If you like these, check out another 24 palettes I’ve recently rounded up.

Getting the Most Out of This Post

Before diving into the color palettes I’ve collected, I want to mention a few tools that can help you get the most out of this post. Colorzilla for Chrome/Firefox and ColorPick Eyedropper for Chrome are free tools that will help you capture the data (such as hex codes) that you will need to start experimenting with these palettes.

Editor’s Note: Want to make your own palettes even better? Check out our post on Using Color Theory to Create Better Color Palettes.

Remember that Photoshop will display certain colors far more vibrantly than they will look on the web when you use hex codes. For example, a greyed, soft pink looked super saturated until I chose “Save for Web” to preview it (this article has some thoughts on how to remedy that).

That’s all. Without further ado, here is our palette collection. Enjoy!

Pick Your Palette


Giant Goldfish






Fitz Fitzpatrick









Chrome Sports



Papua New Guinea



Barni Design






Our Little Projects



State of the Owner









Vintage Romantic



Nicholas Jackson Design



1920 Leyendecker






Silmo Paris



Dark Sunset



The Color of Traffic






Sa Barca de Formentera









Enterprise Foundation






Mohiuddin Parekh









Windows of New York



Lorenzo Verzini



Raspberry Theme



Paw Studio



Visually Columbia






Secret Key


















Adam Hartwig



Alexandra Kuban Web Design






Scott McCarthy



Made Together



Aesthetic Invention









El Designo


Bonus Resources!

If you’re anything like me, then this post has inspired you to brush up on your color theory and the skills necessary to put it to good use on your next project, in which case I highly recommend checking out the following articles:

If there are any colors you’re dying to know more about, ColorHexa (which certainly “looks like the Wolfram Alpha of color”) can help you out.

We’ve also had an awesome commenter, Dima, make a GPL file of these palettes that works with GIMP, Inkscape, etc., which can be copied in (~/.config/inkscape/palettes/ or ~/.gimp-2.8/palettes/) and has a white separator between each palette.

Time for some discussion: Where do you find your color inspiration? From photographs, the web, or fabrics? What’s the certified, 100% best way to get that colorful spark? Tell us all about it in the comments below!

  • Stuart

    I’d be interested in hearing about what emotions and themes you’re trying to play on with these swatches? 14. Vintage Romantic and 45. Scott McCarthy design seem especially intriguing to me. This reminds me of the editorial essay in a collection of writing and I’d be really interested in hearing what about these speak to you.

    • Julia Larson

      Hey Stuart,

      Thanks for your comment!

      As far as emotion goes, I’d say that each palette contains its own feel, but each is high-contrast (either the palette already in the 5 hues or has the potential to be 5 accents with a grayscale/black-and-white).

      Generally the ones with muted tones (like 14 & 45) encourage me to leisurely peruse the site, while the more vibrant, candy-colored palettes spur me towards the given CTA. Those two you mentioned both offer calmer palettes with some “vintage” nostalgia and a faded/greyed feel, yet they still offer high-contrast potential (as Scott McCarthy shows on his site). There’s something about the muted, almost dustiness of these two palettes, too, that makes me think that either could go well as a color scheme for a house’s exterior or interior. What emotions and themes do you sense in them?

      Also, which editorial essay did the post remind you of? I’m curious to learn more about it :-) Thanks for sharing!

      P.S. You may enjoy this blog post that addresses color theory for individual hues:

  • Jonathan Raymond

    Great post … and on behalf of the team behind #11 (State of The Owner), thanks for the compliment!

    • Julia Larson

      Hi Jonathan,

      Thanks so much! Glad you enjoyed the roundup :)

    • AmyInNH

      State of the Owner collection is closest to my house interior/exterior, which I had to hire a decorator to pick out because I’m (shamefaced) that indecisive. Very happily living with these colors.

  • Brian

    Sorry to be that picky guy, but the expression I think you want is “without further ado”. I do like your choice of color palates. (Just kidding – I know the word is “pallets” … oops, I mean “palettes” of course :-)

    • Nathan B Weller

      Thanks Brian! Fixed via mobile. Hopefully I didn’t miss any 😉

  • Greg

    No color palate/design conversation should ever be had without mentioning the Adobe site, Kuler. THIS is what designers should be using.

    • Nathan B Weller


      Kuler is an amazing tool! I’m pretty sure some of these were either made there or pulled directly from there.



  • Mr Web Design

    Nice color for web design , thanks for sharing

    • Julia Larson

      You’re very welcome! Glad you enjoyed the color combos I rounded up. Stay tuned for more color-oriented posts (and loads of other good stuff) on the Betterment blog 😀

  • Lena

    I love how bright and bold these colors are. I think Goldfish is my favorite.

    • Julia Larson

      Lena, Happy to hear you like the many hues 😀 Right on, Goldfish is great–blue and orange is probably my favorite complementary color pairing.

  • http://betterment veronica

    love the colors

    • Julia Larson

      Veronica, I’m delighted to share the colors with you and all our readers! Hope you enjoy exploring the Betterment blog 😀

  • Geniusknight

    wow this is an Amazing collection ! :)

    • Nathan B Weller

      Glad you like it!

  • Jasmyn

    This is just what I needed! My website is in dire need of updating. Numbers 14, 41 and 45 really caught my eye! Thanks 😉

    • Julia Larson

      Happy to hear this was helpful to you, Jasmyn! Stuart (in the first comment above) also gravitated toward 14 & 45. Best of luck with your site update 😀

  • Natalija

    Nice colours… but when I design a website I rather stick to 2-3 colors. for me LESS IS MORE

    • Julia Larson

      Hey Natalija, Thanks for your comment! Good point–keeping things simple is a smart tactic 😀 What tricolor combos are your go-to’s when you design? Glad you enjoyed the colors!

  • Bob M.

    Thanks so much for putting together this fantastic selection! I wonder if it’s possible for someone to address a question that, oddly enough, I’ve had trouble finding.

    What’s the rule for applying the colors across a web property? What colors, left to right (or whatever), are applied to which elements? Does it start with site body and move inward to content wrapper, etc., ending with followed links or something?

    Some sort of best practice method would be very helpful.

    Thanks again!


    • Julia Larson

      Hi Bob,

      Thank you for your comment! Great question. The majority of the palettes are from live websites, so visiting those may provide some best practices of how those sites have utilized the colors I chose from them. There isn’t a formula for how these colors are arranged within the palettes, but here’s a resource I found that provides some options if you want a variety of lighter or darker options to use for hover states, links, etc:

      Hope that helps! Glad you enjoyed the selection 😀

    • Chris R

      Bob, you raise an excellent point. An overall color palette is one thing, knowing how to apply 6 colors to different typographic and navigational elements without looking like a rainbow is the challenge. You’d need to click to each of the sites using the palette and really examine how each color is applied: For headings? For hover colors? For buttons? Etc.

      I have the same challenge as you do, and I am a professionally trained designer!

  • oyomtho john paul

    Choosing what colors to use on a webpage has been my worst nightmare. But with this collection I shall have no more nightmares thanks to you Julia Larson. I really appreciate your work.

    • Julia Larson

      Glad it’ll be of help to you! You’re very welcome.

  • Goa Packages

    Seriously nice color combination.. .

    • Julia Larson

      Thanks for your feedback! Hope they come in handy. Which are your favorites? 😀

  • Vincent

    Wow this presented some really nice palettes! I went with #3 when I was designing my first website; my art portfolio. Admittedly I didn’t read up on much of the theory behind the colors and I’m sure I didn’t apply the colors quite correctly but I like the outcome! Thanks for bringing all these together; it was a big help. :)

    • Julia Larson

      Great! I’m glad to hear that this post was helpful. The theory is something I’d enjoy learning about more in depth. Definitely share some links here if you come across guides you end up using 😀

  • Federico Viola

    Hi Julia,
    thanks for this good post. It is a good idea to have a number of palettes to choose from. Selecting colours successfully can be a challenging task due to emotions and values that we attach to them. It should just be fun to pick colours and a certain level of research will help to choose a suitable candidate for a target audience. Well, your post will make the task more fun and definitely easier. Thanks for that!

    • Julia Larson

      Hey Federico, Thanks for your comment and delighted to hear that my post will make the task easier and more enjoyable! You’re right, there’s a lot wrapped up symbolically in each color — and color combo — to contend with.

  • Razvan Bordeanu

    Hey can you give a visit to my personal website and give your opinion about the color palettes ?
    you can leave me a message just filling out the contact form
    have a wonderful day !

    • Julia Larson

      Thanks for the request. I’ll give it a look!

  • Tech collections

    I was thinking of improving my blog’s appearance and found this. This is really helpful. I would like to know whether any specific palettes are good for technical and food sites(I have one blog too)?

    • Julia Larson

      39 & 40 (Osaki & Kashi) should provide some good colors-for-food inspiration. Generally I’d suggest a warmer palette (including warmer shades of green/blue/purple) for showcasing food. Best of luck with your blog’s redesign!

  • isuru prabath

    Great post … thanks for sharing

    • Julia Larson

      You’re welcome! Let us know if you use one of them in a project. It’s great to see these resources in action.

  • Peter

    Thank you for the colour schemes.

    • Julia Larson

      Delighted that you enjoyed it!

  • Khuram Shahzad

    Very Beautiful colors for web designing. Thank for sharing a colorful post.

    • Julia Larson

      Thanks Khuram! Pleased to hear you liked the roundup. Are there any in particular that you might use for a project? Always great to hear how the palettes are being put to use 😀

  • Rebekah Teller

    I get color inspiration from nature and from children! Kids play with color so effortlessly.

    • Julia Larson

      Great point — young kids (& the young at heart) aren’t afraid to take those color (& fashion) risks ;). Nice post, and great examples of rooms that match your niece’s outfit!

  • Tauqeer

    Awesome i would defenetly use LRXD

  • scott

    I wish I had the balls to do something with these color schemes. These are really good.

    • Julia Larson

      You can do it! We believe in you 😀 And glad you enjoy the selection!

  • greg

    just beautiful!! number 35 inspired me to go find my cat and pet him, he’s such a devil. I wonder though, how can one resist making ice cream sandwiches after viewing number 47?? Impossible I say!!!

    • Julia Larson

      You’re spot-on with the ice cream reference 😀 So I need some neapolitan now, and great to hear about your cat!

  • Dima

    I collected the palettes as a .gpl file, it’s good to use in Inkscape, GIMP or whatever program uses this format too; just copy it in ~/.config/inkscape/palettes/ or ~/.gimp-2.8/palettes/ and you are all set. Each scheme is separated with a white square, called ‘separator’, and the first color of the scheme has the name on it.

    • Julia Larson

      Wow, thanks Dima! That’s so awesome that you made this. What a great resource!

  • Brian

    Love all these colors! I was curious, and tried inverting some of the palettes and came up with some really neat results! It just goes to show you how powerful and fun colors can be!

  • Mario Martinez

    This is so helpful! My family and I are designing a website for our long-standing business for the first time ever, and this was definitely a great place for color inspiration.

  • Sara

    What are the hex colors for visually columbia number 34

  • Kirsten NB

    Thanks for this great post. Not only was I finally able to find a color scheme that both my boss and I like, but the Chrome ColorPick Eyedropper is great.

  • Muhammad Faraz

    You just saved my life. This is just awesome.

    Thanks a ton.

  • Vikas

    Hey Julia. Thanks a lot. Really helping me get accustomed to better color combinations and of course, getting better designs prepared by the graphics agency. (Followed you on Twitter as well…just now).

  • Manish

    I have been struggling with the color scheme for my portal, but being a bootstrapped startup have limited resources.
    Can somebody check my portal and suggest some color scheme option on pro bono friendly basis as a Godly gesture.
    Lots of love and warm feelings in advance.

  • Pingback: Introducing Design Matters: A Brand New #Blog Experience()

  • Pingback: Primavera - PATCH Wedding()

  • Drew_DA

    Hi, do you have any recommendations for creating a colour palette with more than 5 colours? I’m looking for 6-7 colours. Thanks!

  • Waseem Raja

    Thanks Julia !!!
    This is great help !!!

  • Pingback: 3 Tips to Help You Simplify Your Web Design -

  • Aamir Shahzad

    Thanks very helpful least for color blind designers like me 😉

  • Pingback: Designer's Treasure Chest - byCharlesJiang | byCharlesJiang()

  • Pingback: Website Design | Pearltrees()

  • Pingback: 24 Flat Designs with Compelling Color Palettes()

  • Pingback: The Chrons()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns - Seo News Feed()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns |

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns | The Restaurant Blog()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns | JVWeeklyBonus()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns |

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns | Bugdaddy()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns - Convex InteractiveConvex Interactive()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns | Developing Power To Succeed()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns | Premier Web Development()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns | Internet Income Kickstart Blog()

  • Khan Nareoun

    Great Resource thank Julia

  • Pingback: Best Examples of Responsive Designs | Website Designing()

  • Pingback: 6 Types of Visual Content You Need to Use in Your Marketing Campaigns - Internet Business Library()

  • Pingback: Color Palettes Web Design | The Modern Site Experts()

  • Pingback: Color Palettes Web Design | Front End Experts()

  • Pingback: Nice Colors For Web Design | Masters of Graphic Design()

  • Pingback: Design Resources | Pearltrees()

  • Pingback: Web Design Color Scheme Inspiration | Amazing Landing Pages()

  • Pingback: How To Choose Website Colors()