JSFiddle - React, Tailwind, and code Playground

HTML

<p class="a">asdfghjkl</p>
<p class="b">asdfghjkl</p>
<p class="c">asdfghjkl</p>
<p class="d">asdfghjkl</p>
<p class="e">asdfghjkl</p>

CSS

.a{background:#ccccff}
.b{background:#d2ccf8}
.c{background:#e5cce5}
.d{background:#f8ccd2}
.e{background:#ffcccc}