• white
  $white
• #f2f2f2
  $near-white
• #e5e5e5
  $gray-lightest
• #ccc
  $gray-lighter
• #999
  $gray-light
• #666
  $gray
• #4c4c4c
  $gray-dark
• #333
  $gray-darker
• black
  $black
• #235937
  $oswego-green
• #fc3
  $oswego-gold

To add to these items, use Sass variables that start with $ in .//components/_patterns/00-base/global/01-colors/_color-vars.scss

• icon-home
• icon-home2
• icon-office
• icon-city
• icon-newspaper
• icon-magazine
• icon-design
• icon-pencil
• icon-eyedropper2
• icon-droplet
• icon-images2
• icon-image5
• icon-camera
• icon-headphones
• icon-music
• icon-music2
• icon-clapboard-play
• icon-clapboard
• icon-film4
• icon-video-camera2
• icon-gamepad3
• icon-pacman
• icon-connection
• icon-podcast2
• icon-mic
• icon-mic2
• icon-book
• icon-book2
• icon-book3
• icon-books
• icon-library
• icon-library2
• icon-graduation
• icon-file-text2
• icon-file-picture
• icon-folder2
• icon-price-tag2
• icon-price-tag3
• icon-cart2
• icon-coin-dollar
• icon-piggy-bank
• icon-cash3
• icon-phone
• icon-phone2
• icon-address-book
• icon-at-sign
• icon-envelop
• icon-envelop2
• icon-envelop3
• icon-envelop4
• icon-envelop5
• icon-mailbox
• icon-pushpin
• icon-pushpin2
• icon-location
• icon-location3
• icon-location4
• icon-compass5
• icon-compass6
• icon-direction
• icon-reset
• icon-clock
• icon-calendar2
• icon-calendar3
• icon-calendar-day
• icon-printer3
• icon-mouse
• icon-keyboard
• icon-display4
• icon-mobile
• icon-tablet
• icon-tv
• icon-floppy-disk
• icon-usb-stick
• icon-bubble
• icon-bubbles
• icon-bubble2
• icon-bubbles3
• icon-user
• icon-user3
• icon-user-tie
• icon-hanger
• icon-sock
• icon-laundry
• icon-quotes-left
• icon-quotes-right
• icon-spinner
• icon-spinner2
• icon-microscope
• icon-binoculars
• icon-search
• icon-search2
• icon-search3
• icon-search4
• icon-search5
• icon-search6
• icon-key
• icon-key5
• icon-keyhole
• icon-lock
• icon-lock2
• icon-lock4
• icon-unlocked
• icon-equalizer
• icon-cog
• icon-cog2
• icon-pulse
• icon-aid-kit
• icon-ambulance
• icon-alarm2
• icon-pandage
• icon-bug
• icon-bug2
• icon-pill
• icon-traffic-cone
• icon-traffic-lights
• icon-pie-chart2
• icon-stats-dots
• icon-chart
• icon-stats-growth
• icon-stats-growth2
• icon-cake
• icon-medal-star
• icon-medal
• icon-medal2
• icon-mug
• icon-spoon-knife
• icon-cup
• icon-cup2
• icon-cactus
• icon-mountains
• icon-paw
• icon-lamp7
• icon-lamp8
• icon-bin
• icon-briefcase
• icon-briefcase3
• icon-airplane
• icon-airplane2
• icon-car
• icon-gas
• icon-bike
• icon-train
• icon-puzzle
• icon-puzzle2
• icon-shield
• icon-shield-check
• icon-shield-notice
• icon-soccer
• icon-football
• icon-archery
• icon-baseball
• icon-basketball
• icon-hockey
• icon-switch
• icon-power-cord
• icon-clipboard
• icon-clipboard2
• icon-clipboard4
• icon-clipboard5
• icon-list
• icon-more2
• icon-tree6
• icon-menu7
• icon-moon
• icon-star-full
• icon-heart3
• icon-heart7
• icon-warning
• icon-warning2
• icon-notification
• icon-notification2
• icon-question3
• icon-question4
• icon-plus3
• icon-minus3
• icon-info
• icon-info2
• icon-cancel-circle
• icon-cancel-circle2
• icon-cancel-square
• icon-cancel-square2
• icon-cross2
• icon-cross3
• icon-checkmark3
• icon-play4
• icon-pause2
• icon-stop2
• icon-backward2
• icon-forward3
• icon-first
• icon-last
• icon-previous2
• icon-next2
• icon-arrow-up3
• icon-arrow-up4
• icon-arrow-right3
• icon-arrow-right4
• icon-arrow-down3
• icon-arrow-down4
• icon-arrow-left3
• icon-arrow-left4
• icon-circle-right2
• icon-circle-right3
• icon-circle-right4
• icon-circle-right5
• icon-circle-right6
• icon-arrow-right16
• icon-embed2
• icon-code
• icon-facebook2
• icon-instagram
• icon-twitter
• icon-youtube
• icon-vimeo
• icon-wordpress
• icon-linkedin2

Default

2-Column Example

3-Column Example