How I chose the color palette for this site

Choosing a color palette for a web site is hard, at least for me. I've used various color palette tools in the past and they work fine enough but I wanted to use something personal for this blog.

Below is a photo of artwork created by my son Weston. Art is one of his greatest passions and this one has been hanging in our kitchen for a while. I love most of his work but this is one of my favorites. I don't know what the characters mean nor do I care. Something about the color blending and character strokes is just appealing to me.

Weston's Art

I decided one day that I wanted to incorporate Weston's art into this site but I knew it would be too difficult for me to reproduce that visual into a digital form. Thankfully I discovered, which makes it very easy to extract a color palette from an image. Below is the resulting palette where you can see the reds and shades of gray that make up some of the typography on this site.


Actually, this post refers to an older version of my site. I've since moved not a new color palette (but I still still love the artwork in the drawing above). The new color values are below.

Palette values:

subtleText (#ccc)
thunder (#2b292a)
silver (#ccc)
green (#00AB55)
shark (#191c20)
white (#fff)
black (#000)
scorpion (#595959)
alto (#dadada)
Table of Contents
Available for hire

Looking for help with a development or design project?

Reach out to work with me or other senior-level talent.

Contact me