Zurb Foundation Colors

Gray… scale

I've been playing with Foundation a lot more recently, starting to lean towards it over Bootstrap as my framework1 of choice.

Foundation isn't heavy on design elements, but does include 19 colors by name. They're all shades of gray, along with black & white.

While many designers are familiar with them by hex code, I thought it'd be easier to eyeball the actual colors, so I threw this table together for reference.

Name Hex2 color
$white #ffffff  
$ghost #fafafa  
$snow #f9f9f9  
$vapor #f6f6f6  
$white-smoke #f5f5f5  
$silver #efefef  
$smoke #eeeeee  
$gainsboro #dddddd  
$iron #cccccc  
$base #aaaaaa  
$aluminum #999999  
$jumbo #888888  
$monsoon #777777  
$steel #666666  
$charcoal #555555  
$tuatara #444444  
$oil #333333  
$jet #222222  
$black #000000  

  1. If needed
  2. I can't do hex in UPPERCASE, and find lowercase much easier to spot and read.