<h1 class="text-white">Grayscale text color utility classes - Bootstrap 4</h1>
<p class="text-white">.text-white</p>
<p class="text-gray-1">.text-gray-1</p>
<p class="text-gray-2">.text-gray-2</p>
<p class="text-gray-3">.text-gray-3</p>
<p class="text-gray-4">.text-gray-4</p>
<p class="text-gray-5">.text-gray-5</p>
<p class="text-gray-6">.text-gray-6</p>
<p class="text-gray-7">.text-gray-7</p>
<p class="text-gray-8">.text-gray-8</p>
<p class="text-gray-9">.text-gray-9</p>
<p class="text-black">.text-black</p>
body {margin:2rem;background:#000;}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Background color utilties
*/
.text-gray-1 {
  color: #f8f9fa!important;
}

.text-gray-2 {
  color: #e9ecef!important;
}

.text-gray-3 {
  color: #dee2e6!important;
}

.text-gray-4 {
  color: #ced4da!important;
}

.text-gray-5 {
  color: #adb5bd!important;
}

.text-gray-6 {
  color: #868e96!important;
}

.text-gray-7 {
  color: #495057!important;
}

.text-gray-8 {
  color: #343a40!important;
}

.text-gray-9 {
  color: #212529!important;
}

.text-black {
  color: #000!important;
}

External CSS

  1. https://cdn.rawgit.com/JacobLett/bootstrap4-latest/504729ba/bootstrap-4-latest.min.css

External JavaScript

  1. https://code.jquery.com/jquery-3.2.1.slim.min.js
  2. https://cdn.rawgit.com/JacobLett/bootstrap4-latest/504729ba/bootstrap-4-latest.min.js