Creating Color Palettes Using Great Paintings

Let’s face it, sometimes coming up with a killer color scheme for a website design can be difficult. While sites like COLOUR lovers can be a big help in selecting a color palette, some of their palettes are pretty useless because they lack strong contrasting colors, so you end up adding new colors to get what you need. So here is another option. Use some great paintings. Great artists are masters at using color after all. So here are a few color palettes I put together and the paintings they are based on:

“The Little Street” Palette


Sampled from The Little Street, by Vermeer


“Harvest” Palette


Sampled from Harvest by Van Gogh


Searching Google images for Monet, Vermeer, Van Gogh, or Renoir will get you started.

Once you find an image you want to use, here’s a quick Photoshop tip to easily sample colors from the image:

1. Open the image in Photoshop
2. From the top menu, select Filter > Pixelate > Mosaic
3. Enter a Cell Size. The larger the number, the fewer colors in the sample.
(I like to use 10 or 20 because it isolates the general colors, yet gives you a lot to sample from.)
4. Click OK, and you’re ready to sample.



Thanks to Karina for this emailing me this one

A man was walking home alone late one foggy night, when behind him he hears:
BUMP . . .BUMP . . .BUMP . . .

Walking faster, he looks back and through the fog he makes out the image of an upright casket banging its way down the middle of the street toward him.
BUMP . . .BUMP . . .BUMP . . .

Terrified, the man begins to run toward his home, the casket bouncing quickly behind him.
FASTER . . .FASTER . . .

BUMP . . .BUMP . . .BUMP . . .

He ran up to his door, fumbles with his keys, opens the door, rushes in, slams and locks the door behind him. However, the casket crashes through his door, with the lid of the casket clapping
clappity – BUMP . . .
clappity – BUMP . . .
clappity – BUMP . . .

on his heels, the terrified man runs. Rushing upstairs to the bathroom, the man locks himself in. His heart is pounding; his head is reeling; his breath is coming in sobbing gasps. With a loud CRASH the casket breaks down the door, bumping and clapping toward him.

The man screams and reaches for something, anything, but all he can find is a bottle of cough syrup! Desperate, he throws the cough syrup at the casket . . .


(hopefully you’re ready for this)

The coffin stops.


Flash Fix for latest IE Update

I’m sure many of you have recently noticed in IE, sites with flash have a “Click to Activate” message when you mouse over the flash object. The reason? You guessed it–Microsoft’s latest update.

Here’s the fix courtesy of Amara software:
Just after the last object in your HTML page, pop in the Javascript link:
script type=”text/javascript” src=”ieupdate.js”

Open a new document in Notepad or your HTML editor, and copy & paste the following content into it:
theObjects = document.getElementsByTagName("object");
for (var i = 0; i < theObjects.length; i++) { theObjects[i].outerHTML = theObjects[i].outerHTML; }

Save this file as ieupdate.js and upload both files to your server


The Tao of Tea

Check out the design of Teaosophy. I really like the color scheme and fonts used in the site. The design is simple, yet elegent.