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.

9 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.

Leave a Reply