Shuffle for Tailwind CSS
How it works Features Components Pricing
Log in Try Demo
← Tailwind CSS classes list

Tailwind CSS class: .bg-green-50

    <div class="p-6 bg-green-50"></div>

Preview

Check .bg-green-50 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More in Tailwind CSS Colors

  • .bg-blue-50
  • .bg-gray-50
  • .bg-indigo-50
  • .bg-opacity-10
  • .bg-pink-50
  • .bg-purple-50
  • .bg-red-50
  • .bg-yellow-50
Tailwind CSS
  • Tailwind Editor
  • Tailwind Components
  • Tailwind Templates
© 2025 Shuffle
Terms Privacy Policy Licenses Support Components Templates Tailwind CSS

Tailwind Builder is a product of Shuffle and is not affiliated with Tailwind CSS or Tailwind Labs.

Switch to the Tailwind Editor by Shuffle