Creating Custom Colors Fast in Tailwind CSS
There are a couple ways to add custom colors in Tailwind. The fastest way by far is to just add them inline with [ ] brackets…
<p class="text-xl text-[#84C3BE]">This is a custom color!</p>
This is true for almost every value in Tailwind. Custom values for background colors, paddings, heights, can be added as well!