Bob Ross’ Color Palette in CSS

Bob Ross

Even if you’ve never watched an episode of The Joy of Painting, there’s a good chance you’re familiar with artist Bob Ross, with his trademark afro and “happy little trees”.

But if you’ve seen his show, then you’ll know that another trademark was his choice of paints. Bob Ross always used the same 13 paints, with decidedly un-Crayolan names like Alizarin Crimson and Pthalo Blue, loading his palette in the same arrangement each time, as you see in the photo above.

By limiting his tools and simplifying his techniques, Bob Ross introduced the joy of painting to countless non-artists, and for that he was beloved.

Sap Green

#0A3410

Alizarin Crimson

#4E1500

Van Dyke Brown

#221B15

Dark Sienna

#5F2E1F

Midnight Black

#000000

Prussian Blue

#021E44

Phthalo Blue

#0C0040

Phthalo Green

#102E3C

Cadmium Yellow

#FFEC00

Yellow Ochre

#C79B00

Indian Yellow

#FFB800

Bright Red

#DB0000

Titanium White

#FFFFFF

As a fan of Bob Ross, I wanted the colors he popularized to live on through the web. I’ve collected their hex values above and created a stylesheet so you can use class names like .phthalo-blue, .phthalo-blue-text, and .phthalo-blue-border to get a Phthalo Blue background, text, and border color respectively. You can grab the CSS, and the SASS used to generate it, below.

15 comments Write a comment

  1. I just did my first Bob Ross painting 2 nights ago with evergreens, mountains, and water. It turned out absolutely amazing and it was actually pretty easy for me never ever have painted in my life. If your a fan of the show I highly recommend trying it. Don’t listen to the haters saying oils are too messy or that Bob Ross wasn’t a real artist, because he was and always will be a legend and oils are easy! Try Hobby Lobby, because they sell his setups.

  2. For anyone wanting to just dive right in to painting like Bob, there is a website that will get you exactly what he used to paint. http://www.bobross.com is loaded with all the tools you’ll need.

    BTW: Thanks for the color codes. I’m messing around with digital art and wanted to try my hand at some vague Bob Ross stuff so this helps immensely.

  3. This was great! Thanks. I got all the information I was looking for. Netflix has Bob Ross and I’m an instant fan. Painting is so relaxing and joyful when you get something that looks ok! Moving into photoshop, these helps understand the color hues more clearly.

  4. Thanks for this! Very useful info. I was very suspicious that my cadmium looked too ochre, so I forked out for some proper Bob Ross, and it was completely different from the “Cadmium yellow” that I’d purchased (Winsor and Newton, Winton Oil Colour).

    Would be soooo nice if the art world was more transparent about these materials: what pigment, thinners and oils are used, and in what ratio? What is the exact hue of the colour? Some physical characterisation of the thickness. (I’m completely new to painting, and have just jumped into Bob Ross style, but it is a little annoying to be getting tripped up because I didn’t fork out for the costly Bob Ross materials. Sorry to moan! 🙂

    Anyway, thank you for identifying these values!

  5. Just started looking at painting and have very limited budget so can’t fork our for loads of different colors etc. Is there a way of mixing two or more other colors to make prussian blue and van dyke brown?

Leave a Reply