← color palette   //   tailcolors

tailwindcss emerald color

gradients • linear, radial and conic

analogous colors

bg-green-500

bg-emerald-500

bg-teal-500

complementary color

bg-emerald-500

bg-fuchsia-500

tailwind emerald color ui examples:

buttons • default

buttons • outline

progress bars

45%

alerts

New update

More

You haven't shared yet.

card

Starter Plan

Popular

$19

/ month

  • Unlimited exports
  • Email support
  • Team access

tabs

Tab content area.

(colored with text-emerald-800 and bg-emerald-50).

inputs

badges & chips

Notifications

8
Primary Outline Soft

🎨 Click any Tailwind CSS color to copy it.