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 [inlinetweet prefix=”” tweeter=”” suffix=””]50 beautiful color palettes that are ready to use for your next web project[/inlinetweet]. 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

1

Ideas 4 Homes

 

2

Cardsox

 

3

Fitz Fitzpatrick

 

4

Campfire

 

5

Aladdin

 

6

Chrome Sports

 

7

Papua New Guinea

 

8

Barni Design

 

9

Instapuzzle

 

10

Our Little Projects

 

11

State of the Owner

 

12

SoftwareMill

 

13

iGaranti

 

14

Vintage Romantic

 

15

This isn’t a color palette!?

You’ve got a sharp eye. Do you love tackling fun & challenging design projects for smart, ambitious clients? Do you find your happy place while savoring the perfect cup of coffee in the morning? We’re hiring for a senior UX/UI Designer just like you. See what it’s like to work with us

16

Nicholas Jackson Design

 

17

1920 Leyendecker

 

18

WerkPress

 

19

Silmo Paris

 

20

Dark Sunset

 

21

The Color of Traffic

 

22

MandLoys

 

23

Sa Barca de Formentera

 

24

Contad

 

25

Magme

 

26

Enterprise Foundation

 

27

Scrollab

 

28

Mohiuddin Parekh

 

29

Boy-Coy

 

30

DrupalCon

 

31

Windows of New York

 

32

Lorenzo Verzini

 

33

Raspberry Theme

 

34

Paw Studio

 

35

Visually Columbia

 

36

Andaz

 

37

Secret Key

 

38

FIG

 

39

Viximo

 

40

Osaki

 

41

Kashi

 

42

Bassenettes

 

43

Adam Hartwig

 

44

Alexandra Kuban Web Design

 

45

Gravual

 

46

Scott McCarthy

 

47

Made Together

 

48

Aesthetic Invention

 

49

LRXD

 

50

Enso

 

51

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: [inlinetweet prefix=”” tweeter=”” suffix=””]Where do you find your color inspiration? From photographs, the web, or fabrics?[/inlinetweet] What’s the certified, 100% best way to get that colorful spark? Tell us all about it in the comments below!


If you get a thrill out of solving complex business problems and enjoy surrounding yourself with smart, driven, hilarious people, we’re looking for a Senior UX/UI Designer just like you. 

Check out what life could be like at DT
(Hint: it’s pretty rad)