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

rgb(10, 52, 16)

hsl(128.6, 67.7%, 12.2%)

Alizarin Crimson

#4e1500

rgb(78, 21, 0)

hsl(16.2, 100%, 15.3%)

Van Dyke Brown

#221b15

rgb(34, 27, 21)

hsl(27.7, 23.6%, 10.8%)

Dark Sienna

#5f2e1f

rgb(95, 46, 31)

hsl(14.1, 50.8%, 24.7%)

Midnight Black

#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

Prussian Blue

#021e44

rgb(2, 30, 68)

hsl(214.5, 94.3%, 13.7%)

Phthalo Blue

#0c0040

rgb(12, 0, 64)

hsl(251.3, 100%, 12.5%)

Phthalo Green

#102e3c

rgb(16, 46, 60)

hsl(199.1, 57.9%, 14.9%)

Cadmium Yellow

#ffec00

rgb(255, 236, 0)

hsl(55.5, 100%, 50%)

Yellow Ochre

#c79b00

rgb(199, 155, 0)

hsl(46.7, 100%, 39%)

Indian Yellow

#ffb800

rgb(255, 184, 0)

hsl(43.3, 100%, 50%)

Bright Red

#db0000

rgb(219, 0, 0)

hsl(0, 100%, 42.9%)

Titanium White

#ffffff

rgb(255, 255, 255)

hsl(0, 0%, 100%)

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.

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

    • Thank you now I know how and where to find his exact color palette! I live in the Reno/Lake Tahoe Region and there is a Hobby Lobby in Reno. So, do I just go in and ask them for the Bob Ross paints? How much money will it be to get just one sei of all his oil colors? Do u happen to know?

  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!

    • Read the tubes. Most bright cadmium yellows use pigment PY35, which is a solution of cadmium sulfide and zinc sulfide. Darker cadmium yellows forgo the ZnS and use CdS, denoted by color index PY37.

      The information is all widely available. :)

  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?

  6. I only ever saw one program of the joy of painting, and i had never heard of Bob Ross before, but watching that one program, made me want to paint like the soft spoken guy with a Afro on the telly. I have since learnt more about him and his style of painting. I have also just purchased the Bob Ross 3 hour work shop DVD, and cant wait to have a go at painting like Bob. Thank you Bob.

  7. Thanks you! This is very useful. One mistake though: The color Alizarin Crimson is #71262d. I have the actual Oil Paint!

  8. Thanks a lot!

    For anyone interested in SASS variables:

    $sap_green: #0a3410;
    $alizarin_crimson: #4e1500;
    $vandyke_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;

  9. I trained under Rob Ross. One of his instructors years ago and I have not forgotten any of that. I love to paint his way

  10. Thanks a lot for this! My fiance got me the Bob Ross painting set and in nervous to use it until I’m better so I’m practicing with acrylics ???? This will really help me find the right shade!

  11. Hi i’m going to try Bob Ross painting and i could do with some help on arranging my pallet with my paint can any body help me please Thank you xx

Leave a Reply