Background

The default background-color of an element may be overridden using a utility class of u-bgX, where X is replaced with a color from our palette.

To make a dark container with inverse text colors, consider using the Noir component instead.

Silver
Yellow
<div class="u-bgSilver u-padEnds4 u-padSides1 u-textCenter">
        Silver
      </div>
      
      <div class="u-bgYellow u-padEnds4 u-padSides1 u-textCenter">
        Yellow
      </div>