Pattern 1
<div class="u-bg-pattern-1" style="height: 200px"></div>
Pattern 2
<div class="u-bg-pattern-2" style="height: 200px"></div>
Pattern 3
<div class="u-bg-pattern-3" style="height: 200px"></div>
Patterns can also be combined with background color classes.
<div class="u-bg-pattern-1 u-bg-lightest-gray" style="height: 200px"></div>
<div class="u-bg-pattern-2 u-bg-teal" style="height: 200px"></div>
<div class="u-bg-pattern-3 u-bg-dark-gray" style="height: 200px"></div>