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 a custom color!

This is true for almost every value in Tailwind. Custom values for background colors, paddings, heights, can be added as well!

The Full Stack Dev Newsletter

The Freelance Avatar

Hey, I'm Wes. Every month I send a newsletter with articles on:

  • ​🔥 Hot Web Dev tips
  • 🎨 Web Design
  • 🔨 Product Development

As seen at the top of Hacker News, Indie Hackers, and Hacker Noon.