Accent color

Accent color is a curated collection of Tailwind CSS classes for interactivity . Below is a full listing of all relevant classes.
accent-amber-100
accent-amber-200
accent-amber-300
accent-amber-400
accent-amber-50
accent-amber-500
accent-amber-600
accent-amber-700
accent-amber-800
accent-amber-900
accent-amber-950
accent-auto
accent-black
accent-blue-100
accent-blue-200
accent-blue-300
accent-blue-400
accent-blue-50
accent-blue-500
accent-blue-600
accent-blue-700
accent-blue-800
accent-blue-900
accent-blue-950
accent-current
accent-cyan-100
accent-cyan-200
accent-cyan-300
accent-cyan-400
accent-cyan-50
accent-cyan-500
accent-cyan-600
accent-cyan-700
accent-cyan-800
accent-cyan-900
accent-cyan-950
accent-emerald-100
accent-emerald-200
accent-emerald-300
accent-emerald-400
accent-emerald-50
accent-emerald-500
accent-emerald-600
accent-emerald-700
accent-emerald-800
accent-emerald-900
accent-emerald-950
accent-fuchsia-100
accent-fuchsia-200
accent-fuchsia-300
accent-fuchsia-400
accent-fuchsia-50
accent-fuchsia-500
accent-fuchsia-600
accent-fuchsia-700
accent-fuchsia-800
accent-fuchsia-900
accent-fuchsia-950
accent-gray-100
accent-gray-200
accent-gray-300
accent-gray-400
accent-gray-50
accent-gray-500
accent-gray-600
accent-gray-700
accent-gray-800
accent-gray-900
accent-gray-950
accent-green-100
accent-green-200
accent-green-300
accent-green-400
accent-green-50
accent-green-500
accent-green-600
accent-green-700
accent-green-800
accent-green-900
accent-green-950
accent-indigo-100
accent-indigo-200
accent-indigo-300
accent-indigo-400
accent-indigo-50
accent-indigo-500
accent-indigo-600
accent-indigo-700
accent-indigo-800
accent-indigo-900
accent-indigo-950
accent-inherit
accent-lime-100
accent-lime-200
accent-lime-300
accent-lime-400
accent-lime-50
accent-lime-500
accent-lime-600
accent-lime-700
accent-lime-800
accent-lime-900
accent-lime-950
accent-neutral-100
accent-neutral-200
accent-neutral-300
accent-neutral-400
accent-neutral-50
accent-neutral-500
accent-neutral-600
accent-neutral-700
accent-neutral-800
accent-neutral-900
accent-neutral-950
accent-orange-100
accent-orange-200
accent-orange-300
accent-orange-400
accent-orange-50
accent-orange-500
accent-orange-600
accent-orange-700
accent-orange-800
accent-orange-900
accent-orange-950
accent-pink-100
accent-pink-200
accent-pink-300
accent-pink-400
accent-pink-50
accent-pink-500
accent-pink-600
accent-pink-700
accent-pink-800
accent-pink-900
accent-pink-950
accent-purple-100
accent-purple-200
accent-purple-300
accent-purple-400
accent-purple-50
accent-purple-500
accent-purple-600
accent-purple-700
accent-purple-800
accent-purple-900
accent-purple-950
accent-red-100
accent-red-200
accent-red-300
accent-red-400
accent-red-50
accent-red-500
accent-red-600
accent-red-700
accent-red-800
accent-red-900
accent-red-950
accent-rose-100
accent-rose-200
accent-rose-300
accent-rose-400
accent-rose-50
accent-rose-500
accent-rose-600
accent-rose-700
accent-rose-800
accent-rose-900
accent-rose-950
accent-sky-100
accent-sky-200
accent-sky-300
accent-sky-400
accent-sky-50
accent-sky-500
accent-sky-600
accent-sky-700
accent-sky-800
accent-sky-900
accent-sky-950
accent-slate-100
accent-slate-200
accent-slate-300
accent-slate-400
accent-slate-50
accent-slate-500
accent-slate-600
accent-slate-700
accent-slate-800
accent-slate-900
accent-slate-950
accent-stone-100
accent-stone-200
accent-stone-300
accent-stone-400
accent-stone-50
accent-stone-500
accent-stone-600
accent-stone-700
accent-stone-800
accent-stone-900
accent-stone-950
accent-teal-100
accent-teal-200
accent-teal-300
accent-teal-400
accent-teal-50
accent-teal-500
accent-teal-600
accent-teal-700
accent-teal-800
accent-teal-900
accent-teal-950
accent-transparent
accent-violet-100
accent-violet-200
accent-violet-300
accent-violet-400
accent-violet-50
accent-violet-500
accent-violet-600
accent-violet-700
accent-violet-800
accent-violet-900
accent-violet-950
accent-white
accent-yellow-100
accent-yellow-200
accent-yellow-300
accent-yellow-400
accent-yellow-50
accent-yellow-500
accent-yellow-600
accent-yellow-700
accent-yellow-800
accent-yellow-900
accent-yellow-950
accent-zinc-100
accent-zinc-200
accent-zinc-300
accent-zinc-400
accent-zinc-50
accent-zinc-500
accent-zinc-600
accent-zinc-700
accent-zinc-800
accent-zinc-900
accent-zinc-950

Want to keep up with the latest Tailwind CSS updates?

Join our email list to be kept in the loop! We promise only to send you the good stuff.