Color and Web Design

I have run into a buzz saw today. Web colors and not using standard colors on a site I am trying to put together. This is the first time I have run into a problem like this personally although I was well aware that this can be an issue. The big pain is I thought I was getting past the design phase. Building content was gearing up and now I have to spend my morning changing colors.

I am shooting for a pastel arrangement. Soft, soothing and fairly unobtrusive. The following is a bit of a concern but is not the end all as to what I have to do: “The Navajo Nation considers four colors to be important: Turquoise, white, yellow, and black.  These colors represent four sacred mountains.

The rest of this post is a form of a note to self….how and what to change on this site.

First are the bad colors.

body {
margin: 0;
padding: 0;
background: #E2C738;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

That background is a supposed to be a sandstone type color and it is way to yellow on some browsers. Instead I have to switch to something a lot lighter.

F0E68C ?

This is a color called Khaki. I will keep my internal colors for the content of: CCCC98 (right sidebar) and ffffff (content area). The changes I need to make are to my repeating background behind the main content area. Unfortunately it has “wings” or small edges that leak out in the main background. They were originally there to have a blending between the side of the content area and the background color. So a little bit of psd photoshopping and I can straighten it all out.

I am also consider this color DAA520, which is Goldenrod. This will be mixed with Khaki F0E68C for the background.

In trying all of these changes, it is sort of back to the drawing board. I have a few background colors and they all, of course, need to work together.

I have finally settled on a few options using Goldenrod, Khaki and a grayish green that I had been using in my sidebar. All of these are being mixed and matched to various parts (site background, menu background and the sidebar). I have posted a few test looks and will ask the folks that need to check things out how they like (or dislike) the different versions.