template.html.erb

  <%= kss_block '11.1' do %>
    <div style="background:#4183c4;" class="styleguide-color">$brand-linkBlue</div>
    <div style="background:#999;" class="styleguide-color">$brand-lightGrey</div>
    <div style="background:#666;" class="styleguide-color">$brand-medGrey</div>
    <div style="background:#333;" class="styleguide-color">$brand-darkGrey</div>
    <div style="background:#6CC644;" class="styleguide-color">$brand-green</div>
    <div style="background:#BD2C00;" class="styleguide-color">$brand-red</div>
    <div style="background:#f93;" class="styleguide-color">$brand-orange</div>
  <% end %>

variables.scss

// Brand colors
//
// Styleguide 11.1
$brand-linkBlue:  #4183c4 !default;
$brand-lightGrey: #999    !default;
$brand-medGrey:   #666    !default;
$brand-darkGrey:  #333    !default;
$brand-green:     #6CC644 !default;
$brand-red:       #BD2C00 !default;
$brand-orange:    #f93    !default;