Color

The Color Utility sets colors on text elements. There are 14 different colors to choose from.

Default

Brand

Accent

Red

Orange

Yellow

Green

Blue

Purple

Black

Shade Light

Shade

Shade Heavy

<h3 class="s-head -tight u-color-default">Default</h3>
<h3 class="s-head -tight u-color-brand">Brand</h3>
<h3 class="s-head -tight u-color-accent">Accent</h3>
<h3 class="s-head -tight u-color-red">Red</h3>
<h3 class="s-head -tight u-color-orange">Orange</h3>
<h3 class="s-head -tight u-color-yellow">Yellow</h3>
<h3 class="s-head -tight u-color-green">Green</h3>
<h3 class="s-head -tight u-color-blue">Blue</h3>
<h3 class="s-head -tight u-color-purple">Purple</h3>
<h3 class="s-head -tight u-color-black">Black</h3>

<h3 class="s-head -tight u-color-shade-light">Shade Light</h3>
<h3 class="s-head -tight u-color-shade">Shade</h3>
<h3 class="s-head -tight u-color-shade-heavy">Shade Heavy</h3>