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>