Font Colors

In this section, we are going to give you an overview of all the font colors.

<div class="msds-text-display-3 msds-text-clear-blue">msds-text-clear-blue</div>

<div class="msds-text-display-3 msds-text-dark-blue">msds-text-dark-blue</div>

<div class="msds-text-display-3 msds-text-alt-blue-1">msds-text-alt-blue-1</div>

<div class="msds-text-display-3 msds-text-alt-blue-2">msds-text-alt-blue-2</div>

<div class="msds-text-display-3 msds-text-alt-blue-3">msds-text-alt-blue-3</div>

<div class="msds-text-display-3 msds-text-black">msds-text-black</div>

<div class="msds-text-display-3 msds-text-white">msds-text-white</div>

<div class="msds-text-display-3 msds-text-gray-1">msds-text-gray-1</div>

<div class="msds-text-display-3 msds-text-gray-2">msds-text-gray-2</div>

<div class="msds-text-display-3 msds-text-gray-3">msds-text-gray-3</div>

<div class="msds-text-display-3 msds-text-gray-4">msds-text-gray-4</div>

<div class="msds-text-display-3 msds-text-gray-5">msds-text-gray-5</div>

<div class="msds-text-display-3 msds-text-gray-6">msds-text-gray-6</div>

<div class="msds-text-display-3 msds-text-gray-7">msds-text-gray-7</div>

<div class="msds-text-display-3 msds-text-gray-8">msds-text-gray-8</div>

<div class="msds-text-display-3 msds-text-gray-9">msds-text-gray-9</div>

<div class="msds-text-display-3 msds-text-gray-10">msds-text-gray-10</div>

<div class="msds-text-display-3 msds-text-yellow">msds-text-yellow</div>

<div class="msds-text-display-3 msds-text-alt-yellow-1">msds-text-alt-yellow-1</div>

<div class="msds-text-display-3 msds-text-alt-yellow-2">msds-text-alt-yellow-2</div>

<div class="msds-text-display-3 msds-text-confirm-green">msds-text-confirm-green</div>

<div class="msds-text-display-3 msds-text-danger-red-1">msds-text-danger-red-1</div>

<div class="msds-text-display-3 msds-text-danger-red-2">msds-text-danger-red-2</div>

<div class="msds-text-display-3 msds-text-sand">msds-text-sand</div>