JSFiddle - React, Tailwind, and code Playground

HTML

<div class="moored">#C17878: the red</div>
<div class="moopurple">#A87AAD: the purple</div>
<div class="moogreen">#78BA91: the green</div>
<div class="mooorange">#E79D35: the orange</div>
<div class="moooblue">#6B7B95: the blue</div>

CSS

div {
    color: white;
    padding: 2px 4px;
    margin: 4px;
    font-family: "Courier New", Courier, monospace;
}
.moored {background-color: #C17878;}
.moopurple {background-color: #A87AAD;}
.moogreen {background-color: #78BA91;}
.mooorange {background-color: #E79D35;}
.moooblue {background-color: #6B7B95;}