Websites & Color – Color Palettes

By on

1486 reads | No comments

Color PaletteWe’ve examined a number of ways to look at the relationship between websites and color. Once you understand the basics of font color choice and the psychology of color, picking a color palette can be a lot of fun.

Where to Begin

Often, people choose the color palette of their site based on their existing logos. One thing to keep in mind is that what looks good on a small logo on your business card may not translate well to a large website.

Remaining Neutral

A good color palette has a neutral base: white, beige, perhaps black, gray, or charcoal brown. This neutral doesn’t have to be the main color on your site, but it is important to properly feature other colors on your site.

Wheels Are Spinning

A great place to start is with one color that is a statement color. Then, you can pick colors that fit well with that color. You can go monochromatic with shades of the same color. You can use complementary colors, which are those opposite each other on the color wheel. You could choose triadic or tetradic colors on the wheel as well. A great place to generate color schemes is the Color Schemer.

Some of Our Favorites

Red and Aqua

Red and Aqua has a comforting feel, yet doesn’t feel too “safe” like a traditional blue website does. It’s fun, but not crazy.

Red and Aqua

Yellow and Gray

Yellow and gray has been hot in the design world for awhile and it looks pretty hot on a webpage too. It says modern and fun.

Gray and Yellow

Black and White

A classic, black and white can be modern, traditional, quirky, or conservative. It is great for showcasing a portfolio, as it doesn’t distract from the subject. No need to stick an image in here, I’m pretty sure you can figure out what we think a good example of black and white web design is.

There are tons of other great palettes we love, but these are just a taste.

What are some of your favorites?

  • Bio
  • Posts
  • Facebook
  • Twitter
  • LinkedIn

Websites & Color – Color Palettes - by Kelly

– who has written 194 posts on Alphabetix.

Email Kelly

Has Written 194 Posts On The Alphabetix Blog

Connect With Kelly On Facebook

Follow Kelly On Twitter

Network With Kelly On LinkedIn

Have Your Say

  • (will not be published)

CommentLuv badge

Enjoy These Posts Similar To Websites & Color – Color Palettes

Websites & Color – Color Tests

We've spent some time looking at web design and color. Now it's time to test yourself.

Websites & Color – Color Tools

There are a ton of great tools that you can use to help you build color palettes for your website.

Online Business – Freelance

Freelancers provide professional services that are often artistically-based, such as writing, graphic or web design, photography, illustration or programming.

Websites & Color – Browser Safe Colors

We've been exploring the relationship between color and website design. One issue with color that is unique to the web... Read more »

Websites & Color – Text Color

We've been exploring how color affects the usability of websites, from the meaning of color to color psychology. Another... Read more »

Websites & Color – Color Psychology

Colors are can be separated into groups depending on how they make you feel. There are three basic groups of colors:... Read more »

Websites & Color – The Meaning of Color

Before you pick the colors for your logo or website, consider what the colors you choose mean and invoke in people.... Read more »

Enjoy These Tutorials Similar To Websites & Color – Color Palettes

How To Sign Up For Tumblr

If you haven’t heard of Tumblr yet, well this post is for you! Tumblr lets you effortlessly share anything, and they... Read more »

QR Code
What You’re Doing Wrong with Your QR Code

QR codes have been called the next big thing, but the way most businesses use them, they aren't worth much as... Read more »

Complete LinkedIn Profiles

Check out these great tips from LinkedIn about creating a complete profile.

The New(ish) Look of Gmail Explained
The New(ish) Look of Gmail Explained

Are you a gmail user? Is there anyone out there that isn't? If you are, you may have noticed (we hope... Read more »

Geek Pimp
5 Places To Pimp Out Your URL

Five places you may have overlooked that are perfect mechanisms to announce, broadcast, show, and basically pimp out your website URL... Read more »

Don't Miss This Fun Stuff

404 Day Not Found
Happy 4.04 Not Found Day

Today is April 4th, or otherwise known as 4.04, which just happens to be the 404 HTTPS error status code for... Read more »

Hashtag Cartoon

Ah, hashtags. We love you and your ability to clarify and classify.

Corporate Logos
Play Name That Logo

When consumers think about marketing and advertising, they think of advertisements, television and radio commercials, pictures in magazines and billboards. Seldom... Read more »

A Little Late for Christmas
A Little Late for Christmas

It may be a little late for Christmas, but it's never too late for a little humor involving Google. Check out... Read more »

Yahoo Answers
Some (Humerous) Insight into Yahoo! Answers

I came across this amusing insight into the world of user-generated content on National Post. In it, Gene Weingarten discusses... Read more »

Social Media Grandma
Social Media, Granny Style

Have you seen Chacho Puebla's Grandmother Tips? They are a hilarious and relevant set of tips that our grandmas never... Read more »

You Rock, You Rule
You Rock, You Rule