 </ul>
  </div>
</div>

  </div>


  <!-- BLUE -->
  <h2 class="pb2 bb1px bb0 md-bb-solid bb-gray-20 mb2 md-mb4 pt6 fw200 clear" id="blue">Blue</h2>
  <div class="row f-wrap">
    




<div class="swatch md-w33ct minw33ct maxw33ct f1 md-float-left mb4">
  <div class="color h4 md-h15 bg-blue-1"></div>
  <div class="mt2">
    <h3 class="sans-s6 fw300">Blue 1</h3>
    <ul class="list-reset mb0 mt05">
      <li class="sans-s3 fw400 gray-50">hsl(213, 58%, 93%)</li>
      <li class="sans-s3 fw400 gray-50">#e1ebf7