backgrounds.md

Backgrounds

• Background Attachment
• Background Clip
• Background Color
• Background Image
• Background Origin
• Background Position
• Background Repeat
• Background Size
• Gradient Color Stops

---

Background Attachment

Utilities for controlling how a background image behaves when scrolling.

Group

TailwindJS token
background_attachment_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_fixed	bg-fixed
bg_local	bg-local
bg_scroll	bg-scroll

Background Clip

Utilities for controlling the bounding box of an element's background.

Group

TailwindJS token
background_clip_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_clip_border	bg-clip-border
bg_clip_content	bg-clip-content
bg_clip_padding	bg-clip-padding
bg_clip_text	bg-clip-text

Background Color

Utilities for controlling an element's background color.

Group

TailwindJS token
background_color_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_amber_100	bg-amber-100
bg_amber_200	bg-amber-200
bg_amber_300	bg-amber-300
bg_amber_400	bg-amber-400
bg_amber_50	bg-amber-50
bg_amber_500	bg-amber-500
bg_amber_600	bg-amber-600
bg_amber_700	bg-amber-700
bg_amber_800	bg-amber-800
bg_amber_900	bg-amber-900
bg_amber_950	bg-amber-950
bg_black	bg-black
bg_blue_100	bg-blue-100
bg_blue_200	bg-blue-200
bg_blue_300	bg-blue-300
bg_blue_400	bg-blue-400
bg_blue_50	bg-blue-50
bg_blue_500	bg-blue-500
bg_blue_600	bg-blue-600
bg_blue_700	bg-blue-700
bg_blue_800	bg-blue-800
bg_blue_900	bg-blue-900
bg_blue_950	bg-blue-950
bg_current	bg-current
bg_cyan_100	bg-cyan-100
bg_cyan_200	bg-cyan-200
bg_cyan_300	bg-cyan-300
bg_cyan_400	bg-cyan-400
bg_cyan_50	bg-cyan-50
bg_cyan_500	bg-cyan-500
bg_cyan_600	bg-cyan-600
bg_cyan_700	bg-cyan-700
bg_cyan_800	bg-cyan-800
bg_cyan_900	bg-cyan-900
bg_cyan_950	bg-cyan-950
bg_emerald_100	bg-emerald-100
bg_emerald_200	bg-emerald-200
bg_emerald_300	bg-emerald-300
bg_emerald_400	bg-emerald-400
bg_emerald_50	bg-emerald-50
bg_emerald_500	bg-emerald-500
bg_emerald_600	bg-emerald-600
bg_emerald_700	bg-emerald-700
bg_emerald_800	bg-emerald-800
bg_emerald_900	bg-emerald-900
bg_emerald_950	bg-emerald-950
bg_fuchsia_100	bg-fuchsia-100
bg_fuchsia_200	bg-fuchsia-200
bg_fuchsia_300	bg-fuchsia-300
bg_fuchsia_400	bg-fuchsia-400
bg_fuchsia_50	bg-fuchsia-50
bg_fuchsia_500	bg-fuchsia-500
bg_fuchsia_600	bg-fuchsia-600
bg_fuchsia_700	bg-fuchsia-700
bg_fuchsia_800	bg-fuchsia-800
bg_fuchsia_900	bg-fuchsia-900
bg_fuchsia_950	bg-fuchsia-950
bg_gray_100	bg-gray-100
bg_gray_200	bg-gray-200
bg_gray_300	bg-gray-300
bg_gray_400	bg-gray-400
bg_gray_50	bg-gray-50
bg_gray_500	bg-gray-500
bg_gray_600	bg-gray-600
bg_gray_700	bg-gray-700
bg_gray_800	bg-gray-800
bg_gray_900	bg-gray-900
bg_gray_950	bg-gray-950
bg_green_100	bg-green-100
bg_green_200	bg-green-200
bg_green_300	bg-green-300
bg_green_400	bg-green-400
bg_green_50	bg-green-50
bg_green_500	bg-green-500
bg_green_600	bg-green-600
bg_green_700	bg-green-700
bg_green_800	bg-green-800
bg_green_900	bg-green-900
bg_green_950	bg-green-950
bg_indigo_100	bg-indigo-100
bg_indigo_200	bg-indigo-200
bg_indigo_300	bg-indigo-300
bg_indigo_400	bg-indigo-400
bg_indigo_50	bg-indigo-50
bg_indigo_500	bg-indigo-500
bg_indigo_600	bg-indigo-600
bg_indigo_700	bg-indigo-700
bg_indigo_800	bg-indigo-800
bg_indigo_900	bg-indigo-900
bg_indigo_950	bg-indigo-950
bg_inherit	bg-inherit
bg_lime_100	bg-lime-100
bg_lime_200	bg-lime-200
bg_lime_300	bg-lime-300
bg_lime_400	bg-lime-400
bg_lime_50	bg-lime-50
bg_lime_500	bg-lime-500
bg_lime_600	bg-lime-600
bg_lime_700	bg-lime-700
bg_lime_800	bg-lime-800
bg_lime_900	bg-lime-900
bg_lime_950	bg-lime-950
bg_neutral_100	bg-neutral-100
bg_neutral_200	bg-neutral-200
bg_neutral_300	bg-neutral-300
bg_neutral_400	bg-neutral-400
bg_neutral_50	bg-neutral-50
bg_neutral_500	bg-neutral-500
bg_neutral_600	bg-neutral-600
bg_neutral_700	bg-neutral-700
bg_neutral_800	bg-neutral-800
bg_neutral_900	bg-neutral-900
bg_neutral_950	bg-neutral-950
bg_orange_100	bg-orange-100
bg_orange_200	bg-orange-200
bg_orange_300	bg-orange-300
bg_orange_400	bg-orange-400
bg_orange_50	bg-orange-50
bg_orange_500	bg-orange-500
bg_orange_600	bg-orange-600
bg_orange_700	bg-orange-700
bg_orange_800	bg-orange-800
bg_orange_900	bg-orange-900
bg_orange_950	bg-orange-950
bg_pink_100	bg-pink-100
bg_pink_200	bg-pink-200
bg_pink_300	bg-pink-300
bg_pink_400	bg-pink-400
bg_pink_50	bg-pink-50
bg_pink_500	bg-pink-500
bg_pink_600	bg-pink-600
bg_pink_700	bg-pink-700
bg_pink_800	bg-pink-800
bg_pink_900	bg-pink-900
bg_pink_950	bg-pink-950
bg_purple_100	bg-purple-100
bg_purple_200	bg-purple-200
bg_purple_300	bg-purple-300
bg_purple_400	bg-purple-400
bg_purple_50	bg-purple-50
bg_purple_500	bg-purple-500
bg_purple_600	bg-purple-600
bg_purple_700	bg-purple-700
bg_purple_800	bg-purple-800
bg_purple_900	bg-purple-900
bg_purple_950	bg-purple-950
bg_red_100	bg-red-100
bg_red_200	bg-red-200
bg_red_300	bg-red-300
bg_red_400	bg-red-400
bg_red_50	bg-red-50
bg_red_500	bg-red-500
bg_red_600	bg-red-600
bg_red_700	bg-red-700
bg_red_800	bg-red-800
bg_red_900	bg-red-900
bg_red_950	bg-red-950
bg_rose_100	bg-rose-100
bg_rose_200	bg-rose-200
bg_rose_300	bg-rose-300
bg_rose_400	bg-rose-400
bg_rose_50	bg-rose-50
bg_rose_500	bg-rose-500
bg_rose_600	bg-rose-600
bg_rose_700	bg-rose-700
bg_rose_800	bg-rose-800
bg_rose_900	bg-rose-900
bg_rose_950	bg-rose-950
bg_sky_100	bg-sky-100
bg_sky_200	bg-sky-200
bg_sky_300	bg-sky-300
bg_sky_400	bg-sky-400
bg_sky_50	bg-sky-50
bg_sky_500	bg-sky-500
bg_sky_600	bg-sky-600
bg_sky_700	bg-sky-700
bg_sky_800	bg-sky-800
bg_sky_900	bg-sky-900
bg_sky_950	bg-sky-950
bg_slate_100	bg-slate-100
bg_slate_200	bg-slate-200
bg_slate_300	bg-slate-300
bg_slate_400	bg-slate-400
bg_slate_50	bg-slate-50
bg_slate_500	bg-slate-500
bg_slate_600	bg-slate-600
bg_slate_700	bg-slate-700
bg_slate_800	bg-slate-800
bg_slate_900	bg-slate-900
bg_slate_950	bg-slate-950
bg_stone_100	bg-stone-100
bg_stone_200	bg-stone-200
bg_stone_300	bg-stone-300
bg_stone_400	bg-stone-400
bg_stone_50	bg-stone-50
bg_stone_500	bg-stone-500
bg_stone_600	bg-stone-600
bg_stone_700	bg-stone-700
bg_stone_800	bg-stone-800
bg_stone_900	bg-stone-900
bg_stone_950	bg-stone-950
bg_teal_100	bg-teal-100
bg_teal_200	bg-teal-200
bg_teal_300	bg-teal-300
bg_teal_400	bg-teal-400
bg_teal_50	bg-teal-50
bg_teal_500	bg-teal-500
bg_teal_600	bg-teal-600
bg_teal_700	bg-teal-700
bg_teal_800	bg-teal-800
bg_teal_900	bg-teal-900
bg_teal_950	bg-teal-950
bg_transparent	bg-transparent
bg_violet_100	bg-violet-100
bg_violet_200	bg-violet-200
bg_violet_300	bg-violet-300
bg_violet_400	bg-violet-400
bg_violet_50	bg-violet-50
bg_violet_500	bg-violet-500
bg_violet_600	bg-violet-600
bg_violet_700	bg-violet-700
bg_violet_800	bg-violet-800
bg_violet_900	bg-violet-900
bg_violet_950	bg-violet-950
bg_white	bg-white
bg_yellow_100	bg-yellow-100
bg_yellow_200	bg-yellow-200
bg_yellow_300	bg-yellow-300
bg_yellow_400	bg-yellow-400
bg_yellow_50	bg-yellow-50
bg_yellow_500	bg-yellow-500
bg_yellow_600	bg-yellow-600
bg_yellow_700	bg-yellow-700
bg_yellow_800	bg-yellow-800
bg_yellow_900	bg-yellow-900
bg_yellow_950	bg-yellow-950
bg_zinc_100	bg-zinc-100
bg_zinc_200	bg-zinc-200
bg_zinc_300	bg-zinc-300
bg_zinc_400	bg-zinc-400
bg_zinc_50	bg-zinc-50
bg_zinc_500	bg-zinc-500
bg_zinc_600	bg-zinc-600
bg_zinc_700	bg-zinc-700
bg_zinc_800	bg-zinc-800
bg_zinc_900	bg-zinc-900
bg_zinc_950	bg-zinc-950

Arbitraries

TailwindJS token	TailwindCSS token
bg_arbitrary, bg_arb	bg-[…]
bg_amber_arbitrary, bg_amber_arb	bg-amber-[…]
bg_blue_arbitrary, bg_blue_arb	bg-blue-[…]
bg_cyan_arbitrary, bg_cyan_arb	bg-cyan-[…]
bg_emerald_arbitrary, bg_emerald_arb	bg-emerald-[…]
bg_fuchsia_arbitrary, bg_fuchsia_arb	bg-fuchsia-[…]
bg_gray_arbitrary, bg_gray_arb	bg-gray-[…]
bg_green_arbitrary, bg_green_arb	bg-green-[…]
bg_indigo_arbitrary, bg_indigo_arb	bg-indigo-[…]
bg_lime_arbitrary, bg_lime_arb	bg-lime-[…]
bg_neutral_arbitrary, bg_neutral_arb	bg-neutral-[…]
bg_orange_arbitrary, bg_orange_arb	bg-orange-[…]
bg_pink_arbitrary, bg_pink_arb	bg-pink-[…]
bg_purple_arbitrary, bg_purple_arb	bg-purple-[…]
bg_red_arbitrary, bg_red_arb	bg-red-[…]
bg_rose_arbitrary, bg_rose_arb	bg-rose-[…]
bg_sky_arbitrary, bg_sky_arb	bg-sky-[…]
bg_slate_arbitrary, bg_slate_arb	bg-slate-[…]
bg_stone_arbitrary, bg_stone_arb	bg-stone-[…]
bg_teal_arbitrary, bg_teal_arb	bg-teal-[…]
bg_violet_arbitrary, bg_violet_arb	bg-violet-[…]
bg_yellow_arbitrary, bg_yellow_arb	bg-yellow-[…]
bg_zinc_arbitrary, bg_zinc_arb	bg-zinc-[…]

Background Image

Utilities for controlling an element's background image.

Group

TailwindJS token
background_image_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_gradient_to_b	bg-gradient-to-b
bg_gradient_to_bl	bg-gradient-to-bl
bg_gradient_to_br	bg-gradient-to-br
bg_gradient_to_l	bg-gradient-to-l
bg_gradient_to_r	bg-gradient-to-r
bg_gradient_to_t	bg-gradient-to-t
bg_gradient_to_tl	bg-gradient-to-tl
bg_gradient_to_tr	bg-gradient-to-tr
bg_none	bg-none

Arbitraries

TailwindJS token	TailwindCSS token
bg_gradient_to_arbitrary, bg_gradient_to_arb	bg-gradient-to-[…]

Background Origin

Utilities for controlling how an element's background is positioned relative to borders, padding, and content.

Group

TailwindJS token
background_origin_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_origin_border	bg-origin-border
bg_origin_content	bg-origin-content
bg_origin_padding	bg-origin-padding

Background Position

Utilities for controlling the position of an element's background image.

Group

TailwindJS token
background_position_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_bottom	bg-bottom
bg_center	bg-center
bg_left	bg-left
bg_left_bottom	bg-left-bottom
bg_left_top	bg-left-top
bg_right	bg-right
bg_right_bottom	bg-right-bottom
bg_right_top	bg-right-top
bg_top	bg-top

Arbitraries

TailwindJS token	TailwindCSS token
bg_left_arbitrary, bg_left_arb	bg-left-[…]
bg_right_arbitrary, bg_right_arb	bg-right-[…]

Background Repeat

Utilities for controlling the repetition of an element's background image.

Group

TailwindJS token
background_repeat_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_no_repeat	bg-no-repeat
bg_repeat	bg-repeat
bg_repeat_round	bg-repeat-round
bg_repeat_space	bg-repeat-space
bg_repeat_x	bg-repeat-x
bg_repeat_y	bg-repeat-y

Background Size

Utilities for controlling the background size of an element's background image.

Group

TailwindJS token
background_size_utilities

Utilities

TailwindJS token	TailwindCSS token
bg_auto	bg-auto
bg_contain	bg-contain
bg_cover	bg-cover

Gradient Color Stops

Utilities for controlling the color stops in background gradients.

Group

TailwindJS token
gradient_color_stops_utilities

Utilities

TailwindJS token	TailwindCSS token
from_0_pc	from-0%
from_100_pc	from-100%
from_10_pc	from-10%
from_15_pc	from-15%
from_20_pc	from-20%
from_25_pc	from-25%
from_30_pc	from-30%
from_35_pc	from-35%
from_40_pc	from-40%
from_45_pc	from-45%
from_50_pc	from-50%
from_55_pc	from-55%
from_5_pc	from-5%
from_60_pc	from-60%
from_65_pc	from-65%
from_70_pc	from-70%
from_75_pc	from-75%
from_80_pc	from-80%
from_85_pc	from-85%
from_90_pc	from-90%
from_95_pc	from-95%
from_amber_100	from-amber-100
from_amber_200	from-amber-200
from_amber_300	from-amber-300
from_amber_400	from-amber-400
from_amber_50	from-amber-50
from_amber_500	from-amber-500
from_amber_600	from-amber-600
from_amber_700	from-amber-700
from_amber_800	from-amber-800
from_amber_900	from-amber-900
from_amber_950	from-amber-950
from_black	from-black
from_blue_100	from-blue-100
from_blue_200	from-blue-200
from_blue_300	from-blue-300
from_blue_400	from-blue-400
from_blue_50	from-blue-50
from_blue_500	from-blue-500
from_blue_600	from-blue-600
from_blue_700	from-blue-700
from_blue_800	from-blue-800
from_blue_900	from-blue-900
from_blue_950	from-blue-950
from_current	from-current
from_cyan_100	from-cyan-100
from_cyan_200	from-cyan-200
from_cyan_300	from-cyan-300
from_cyan_400	from-cyan-400
from_cyan_50	from-cyan-50
from_cyan_500	from-cyan-500
from_cyan_600	from-cyan-600
from_cyan_700	from-cyan-700
from_cyan_800	from-cyan-800
from_cyan_900	from-cyan-900
from_cyan_950	from-cyan-950
from_emerald_100	from-emerald-100
from_emerald_200	from-emerald-200
from_emerald_300	from-emerald-300
from_emerald_400	from-emerald-400
from_emerald_50	from-emerald-50
from_emerald_500	from-emerald-500
from_emerald_600	from-emerald-600
from_emerald_700	from-emerald-700
from_emerald_800	from-emerald-800
from_emerald_900	from-emerald-900
from_emerald_950	from-emerald-950
from_fuchsia_100	from-fuchsia-100
from_fuchsia_200	from-fuchsia-200
from_fuchsia_300	from-fuchsia-300
from_fuchsia_400	from-fuchsia-400
from_fuchsia_50	from-fuchsia-50
from_fuchsia_500	from-fuchsia-500
from_fuchsia_600	from-fuchsia-600
from_fuchsia_700	from-fuchsia-700
from_fuchsia_800	from-fuchsia-800
from_fuchsia_900	from-fuchsia-900
from_fuchsia_950	from-fuchsia-950
from_gray_100	from-gray-100
from_gray_200	from-gray-200
from_gray_300	from-gray-300
from_gray_400	from-gray-400
from_gray_50	from-gray-50
from_gray_500	from-gray-500
from_gray_600	from-gray-600
from_gray_700	from-gray-700
from_gray_800	from-gray-800
from_gray_900	from-gray-900
from_gray_950	from-gray-950
from_green_100	from-green-100
from_green_200	from-green-200
from_green_300	from-green-300
from_green_400	from-green-400
from_green_50	from-green-50
from_green_500	from-green-500
from_green_600	from-green-600
from_green_700	from-green-700
from_green_800	from-green-800
from_green_900	from-green-900
from_green_950	from-green-950
from_indigo_100	from-indigo-100
from_indigo_200	from-indigo-200
from_indigo_300	from-indigo-300
from_indigo_400	from-indigo-400
from_indigo_50	from-indigo-50
from_indigo_500	from-indigo-500
from_indigo_600	from-indigo-600
from_indigo_700	from-indigo-700
from_indigo_800	from-indigo-800
from_indigo_900	from-indigo-900
from_indigo_950	from-indigo-950
from_inherit	from-inherit
from_lime_100	from-lime-100
from_lime_200	from-lime-200
from_lime_300	from-lime-300
from_lime_400	from-lime-400
from_lime_50	from-lime-50
from_lime_500	from-lime-500
from_lime_600	from-lime-600
from_lime_700	from-lime-700
from_lime_800	from-lime-800
from_lime_900	from-lime-900
from_lime_950	from-lime-950
from_neutral_100	from-neutral-100
from_neutral_200	from-neutral-200
from_neutral_300	from-neutral-300
from_neutral_400	from-neutral-400
from_neutral_50	from-neutral-50
from_neutral_500	from-neutral-500
from_neutral_600	from-neutral-600
from_neutral_700	from-neutral-700
from_neutral_800	from-neutral-800
from_neutral_900	from-neutral-900
from_neutral_950	from-neutral-950
from_orange_100	from-orange-100
from_orange_200	from-orange-200
from_orange_300	from-orange-300
from_orange_400	from-orange-400
from_orange_50	from-orange-50
from_orange_500	from-orange-500
from_orange_600	from-orange-600
from_orange_700	from-orange-700
from_orange_800	from-orange-800
from_orange_900	from-orange-900
from_orange_950	from-orange-950
from_pink_100	from-pink-100
from_pink_200	from-pink-200
from_pink_300	from-pink-300
from_pink_400	from-pink-400
from_pink_50	from-pink-50
from_pink_500	from-pink-500
from_pink_600	from-pink-600
from_pink_700	from-pink-700
from_pink_800	from-pink-800
from_pink_900	from-pink-900
from_pink_950	from-pink-950
from_purple_100	from-purple-100
from_purple_200	from-purple-200
from_purple_300	from-purple-300
from_purple_400	from-purple-400
from_purple_50	from-purple-50
from_purple_500	from-purple-500
from_purple_600	from-purple-600
from_purple_700	from-purple-700
from_purple_800	from-purple-800
from_purple_900	from-purple-900
from_purple_950	from-purple-950
from_red_100	from-red-100
from_red_200	from-red-200
from_red_300	from-red-300
from_red_400	from-red-400
from_red_50	from-red-50
from_red_500	from-red-500
from_red_600	from-red-600
from_red_700	from-red-700
from_red_800	from-red-800
from_red_900	from-red-900
from_red_950	from-red-950
from_rose_100	from-rose-100
from_rose_200	from-rose-200
from_rose_300	from-rose-300
from_rose_400	from-rose-400
from_rose_50	from-rose-50
from_rose_500	from-rose-500
from_rose_600	from-rose-600
from_rose_700	from-rose-700
from_rose_800	from-rose-800
from_rose_900	from-rose-900
from_rose_950	from-rose-950
from_sky_100	from-sky-100
from_sky_200	from-sky-200
from_sky_300	from-sky-300
from_sky_400	from-sky-400
from_sky_50	from-sky-50
from_sky_500	from-sky-500
from_sky_600	from-sky-600
from_sky_700	from-sky-700
from_sky_800	from-sky-800
from_sky_900	from-sky-900
from_sky_950	from-sky-950
from_slate_100	from-slate-100
from_slate_200	from-slate-200
from_slate_300	from-slate-300
from_slate_400	from-slate-400
from_slate_50	from-slate-50
from_slate_500	from-slate-500
from_slate_600	from-slate-600
from_slate_700	from-slate-700
from_slate_800	from-slate-800
from_slate_900	from-slate-900
from_slate_950	from-slate-950
from_stone_100	from-stone-100
from_stone_200	from-stone-200
from_stone_300	from-stone-300
from_stone_400	from-stone-400
from_stone_50	from-stone-50
from_stone_500	from-stone-500
from_stone_600	from-stone-600
from_stone_700	from-stone-700
from_stone_800	from-stone-800
from_stone_900	from-stone-900
from_stone_950	from-stone-950
from_teal_100	from-teal-100
from_teal_200	from-teal-200
from_teal_300	from-teal-300
from_teal_400	from-teal-400
from_teal_50	from-teal-50
from_teal_500	from-teal-500
from_teal_600	from-teal-600
from_teal_700	from-teal-700
from_teal_800	from-teal-800
from_teal_900	from-teal-900
from_teal_950	from-teal-950
from_transparent	from-transparent
from_violet_100	from-violet-100
from_violet_200	from-violet-200
from_violet_300	from-violet-300
from_violet_400	from-violet-400
from_violet_50	from-violet-50
from_violet_500	from-violet-500
from_violet_600	from-violet-600
from_violet_700	from-violet-700
from_violet_800	from-violet-800
from_violet_900	from-violet-900
from_violet_950	from-violet-950
from_white	from-white
from_yellow_100	from-yellow-100
from_yellow_200	from-yellow-200
from_yellow_300	from-yellow-300
from_yellow_400	from-yellow-400
from_yellow_50	from-yellow-50
from_yellow_500	from-yellow-500
from_yellow_600	from-yellow-600
from_yellow_700	from-yellow-700
from_yellow_800	from-yellow-800
from_yellow_900	from-yellow-900
from_yellow_950	from-yellow-950
from_zinc_100	from-zinc-100
from_zinc_200	from-zinc-200
from_zinc_300	from-zinc-300
from_zinc_400	from-zinc-400
from_zinc_50	from-zinc-50
from_zinc_500	from-zinc-500
from_zinc_600	from-zinc-600
from_zinc_700	from-zinc-700
from_zinc_800	from-zinc-800
from_zinc_900	from-zinc-900
from_zinc_950	from-zinc-950
to_0_pc	to-0%
to_100_pc	to-100%
to_10_pc	to-10%
to_15_pc	to-15%
to_20_pc	to-20%
to_25_pc	to-25%
to_30_pc	to-30%
to_35_pc	to-35%
to_40_pc	to-40%
to_45_pc	to-45%
to_50_pc	to-50%
to_55_pc	to-55%
to_5_pc	to-5%
to_60_pc	to-60%
to_65_pc	to-65%
to_70_pc	to-70%
to_75_pc	to-75%
to_80_pc	to-80%
to_85_pc	to-85%
to_90_pc	to-90%
to_95_pc	to-95%
to_amber_100	to-amber-100
to_amber_200	to-amber-200
to_amber_300	to-amber-300
to_amber_400	to-amber-400
to_amber_50	to-amber-50
to_amber_500	to-amber-500
to_amber_600	to-amber-600
to_amber_700	to-amber-700
to_amber_800	to-amber-800
to_amber_900	to-amber-900
to_amber_950	to-amber-950
to_black	to-black
to_blue_100	to-blue-100
to_blue_200	to-blue-200
to_blue_300	to-blue-300
to_blue_400	to-blue-400
to_blue_50	to-blue-50
to_blue_500	to-blue-500
to_blue_600	to-blue-600
to_blue_700	to-blue-700
to_blue_800	to-blue-800
to_blue_900	to-blue-900
to_blue_950	to-blue-950
to_current	to-current
to_cyan_100	to-cyan-100
to_cyan_200	to-cyan-200
to_cyan_300	to-cyan-300
to_cyan_400	to-cyan-400
to_cyan_50	to-cyan-50
to_cyan_500	to-cyan-500
to_cyan_600	to-cyan-600
to_cyan_700	to-cyan-700
to_cyan_800	to-cyan-800
to_cyan_900	to-cyan-900
to_cyan_950	to-cyan-950
to_emerald_100	to-emerald-100
to_emerald_200	to-emerald-200
to_emerald_300	to-emerald-300
to_emerald_400	to-emerald-400
to_emerald_50	to-emerald-50
to_emerald_500	to-emerald-500
to_emerald_600	to-emerald-600
to_emerald_700	to-emerald-700
to_emerald_800	to-emerald-800
to_emerald_900	to-emerald-900
to_emerald_950	to-emerald-950
to_fuchsia_100	to-fuchsia-100
to_fuchsia_200	to-fuchsia-200
to_fuchsia_300	to-fuchsia-300
to_fuchsia_400	to-fuchsia-400
to_fuchsia_50	to-fuchsia-50
to_fuchsia_500	to-fuchsia-500
to_fuchsia_600	to-fuchsia-600
to_fuchsia_700	to-fuchsia-700
to_fuchsia_800	to-fuchsia-800
to_fuchsia_900	to-fuchsia-900
to_fuchsia_950	to-fuchsia-950
to_gray_100	to-gray-100
to_gray_200	to-gray-200
to_gray_300	to-gray-300
to_gray_400	to-gray-400
to_gray_50	to-gray-50
to_gray_500	to-gray-500
to_gray_600	to-gray-600
to_gray_700	to-gray-700
to_gray_800	to-gray-800
to_gray_900	to-gray-900
to_gray_950	to-gray-950
to_green_100	to-green-100
to_green_200	to-green-200
to_green_300	to-green-300
to_green_400	to-green-400
to_green_50	to-green-50
to_green_500	to-green-500
to_green_600	to-green-600
to_green_700	to-green-700
to_green_800	to-green-800
to_green_900	to-green-900
to_green_950	to-green-950
to_indigo_100	to-indigo-100
to_indigo_200	to-indigo-200
to_indigo_300	to-indigo-300
to_indigo_400	to-indigo-400
to_indigo_50	to-indigo-50
to_indigo_500	to-indigo-500
to_indigo_600	to-indigo-600
to_indigo_700	to-indigo-700
to_indigo_800	to-indigo-800
to_indigo_900	to-indigo-900
to_indigo_950	to-indigo-950
to_inherit	to-inherit
to_lime_100	to-lime-100
to_lime_200	to-lime-200
to_lime_300	to-lime-300
to_lime_400	to-lime-400
to_lime_50	to-lime-50
to_lime_500	to-lime-500
to_lime_600	to-lime-600
to_lime_700	to-lime-700
to_lime_800	to-lime-800
to_lime_900	to-lime-900
to_lime_950	to-lime-950
to_neutral_100	to-neutral-100
to_neutral_200	to-neutral-200
to_neutral_300	to-neutral-300
to_neutral_400	to-neutral-400
to_neutral_50	to-neutral-50
to_neutral_500	to-neutral-500
to_neutral_600	to-neutral-600
to_neutral_700	to-neutral-700
to_neutral_800	to-neutral-800
to_neutral_900	to-neutral-900
to_neutral_950	to-neutral-950
to_orange_100	to-orange-100
to_orange_200	to-orange-200
to_orange_300	to-orange-300
to_orange_400	to-orange-400
to_orange_50	to-orange-50
to_orange_500	to-orange-500
to_orange_600	to-orange-600
to_orange_700	to-orange-700
to_orange_800	to-orange-800
to_orange_900	to-orange-900
to_orange_950	to-orange-950
to_pink_100	to-pink-100
to_pink_200	to-pink-200
to_pink_300	to-pink-300
to_pink_400	to-pink-400
to_pink_50	to-pink-50
to_pink_500	to-pink-500
to_pink_600	to-pink-600
to_pink_700	to-pink-700
to_pink_800	to-pink-800
to_pink_900	to-pink-900
to_pink_950	to-pink-950
to_purple_100	to-purple-100
to_purple_200	to-purple-200
to_purple_300	to-purple-300
to_purple_400	to-purple-400
to_purple_50	to-purple-50
to_purple_500	to-purple-500
to_purple_600	to-purple-600
to_purple_700	to-purple-700
to_purple_800	to-purple-800
to_purple_900	to-purple-900
to_purple_950	to-purple-950
to_red_100	to-red-100
to_red_200	to-red-200
to_red_300	to-red-300
to_red_400	to-red-400
to_red_50	to-red-50
to_red_500	to-red-500
to_red_600	to-red-600
to_red_700	to-red-700
to_red_800	to-red-800
to_red_900	to-red-900
to_red_950	to-red-950
to_rose_100	to-rose-100
to_rose_200	to-rose-200
to_rose_300	to-rose-300
to_rose_400	to-rose-400
to_rose_50	to-rose-50
to_rose_500	to-rose-500
to_rose_600	to-rose-600
to_rose_700	to-rose-700
to_rose_800	to-rose-800
to_rose_900	to-rose-900
to_rose_950	to-rose-950
to_sky_100	to-sky-100
to_sky_200	to-sky-200
to_sky_300	to-sky-300
to_sky_400	to-sky-400
to_sky_50	to-sky-50
to_sky_500	to-sky-500
to_sky_600	to-sky-600
to_sky_700	to-sky-700
to_sky_800	to-sky-800
to_sky_900	to-sky-900
to_sky_950	to-sky-950
to_slate_100	to-slate-100
to_slate_200	to-slate-200
to_slate_300	to-slate-300
to_slate_400	to-slate-400
to_slate_50	to-slate-50
to_slate_500	to-slate-500
to_slate_600	to-slate-600
to_slate_700	to-slate-700
to_slate_800	to-slate-800
to_slate_900	to-slate-900
to_slate_950	to-slate-950
to_stone_100	to-stone-100
to_stone_200	to-stone-200
to_stone_300	to-stone-300
to_stone_400	to-stone-400
to_stone_50	to-stone-50
to_stone_500	to-stone-500
to_stone_600	to-stone-600
to_stone_700	to-stone-700
to_stone_800	to-stone-800
to_stone_900	to-stone-900
to_stone_950	to-stone-950
to_teal_100	to-teal-100
to_teal_200	to-teal-200
to_teal_300	to-teal-300
to_teal_400	to-teal-400
to_teal_50	to-teal-50
to_teal_500	to-teal-500
to_teal_600	to-teal-600
to_teal_700	to-teal-700
to_teal_800	to-teal-800
to_teal_900	to-teal-900
to_teal_950	to-teal-950
to_transparent	to-transparent
to_violet_100	to-violet-100
to_violet_200	to-violet-200
to_violet_300	to-violet-300
to_violet_400	to-violet-400
to_violet_50	to-violet-50
to_violet_500	to-violet-500
to_violet_600	to-violet-600
to_violet_700	to-violet-700
to_violet_800	to-violet-800
to_violet_900	to-violet-900
to_violet_950	to-violet-950
to_white	to-white
to_yellow_100	to-yellow-100
to_yellow_200	to-yellow-200
to_yellow_300	to-yellow-300
to_yellow_400	to-yellow-400
to_yellow_50	to-yellow-50
to_yellow_500	to-yellow-500
to_yellow_600	to-yellow-600
to_yellow_700	to-yellow-700
to_yellow_800	to-yellow-800
to_yellow_900	to-yellow-900
to_yellow_950	to-yellow-950
to_zinc_100	to-zinc-100
to_zinc_200	to-zinc-200
to_zinc_300	to-zinc-300
to_zinc_400	to-zinc-400
to_zinc_50	to-zinc-50
to_zinc_500	to-zinc-500
to_zinc_600	to-zinc-600
to_zinc_700	to-zinc-700
to_zinc_800	to-zinc-800
to_zinc_900	to-zinc-900
to_zinc_950	to-zinc-950
via_0_pc	via-0%
via_100_pc	via-100%
via_10_pc	via-10%
via_15_pc	via-15%
via_20_pc	via-20%
via_25_pc	via-25%
via_30_pc	via-30%
via_35_pc	via-35%
via_40_pc	via-40%
via_45_pc	via-45%
via_50_pc	via-50%
via_55_pc	via-55%
via_5_pc	via-5%
via_60_pc	via-60%
via_65_pc	via-65%
via_70_pc	via-70%
via_75_pc	via-75%
via_80_pc	via-80%
via_85_pc	via-85%
via_90_pc	via-90%
via_95_pc	via-95%
via_amber_100	via-amber-100
via_amber_200	via-amber-200
via_amber_300	via-amber-300
via_amber_400	via-amber-400
via_amber_50	via-amber-50
via_amber_500	via-amber-500
via_amber_600	via-amber-600
via_amber_700	via-amber-700
via_amber_800	via-amber-800
via_amber_900	via-amber-900
via_amber_950	via-amber-950
via_black	via-black
via_blue_100	via-blue-100
via_blue_200	via-blue-200
via_blue_300	via-blue-300
via_blue_400	via-blue-400
via_blue_50	via-blue-50
via_blue_500	via-blue-500
via_blue_600	via-blue-600
via_blue_700	via-blue-700
via_blue_800	via-blue-800
via_blue_900	via-blue-900
via_blue_950	via-blue-950
via_current	via-current
via_cyan_100	via-cyan-100
via_cyan_200	via-cyan-200
via_cyan_300	via-cyan-300
via_cyan_400	via-cyan-400
via_cyan_50	via-cyan-50
via_cyan_500	via-cyan-500
via_cyan_600	via-cyan-600
via_cyan_700	via-cyan-700
via_cyan_800	via-cyan-800
via_cyan_900	via-cyan-900
via_cyan_950	via-cyan-950
via_emerald_100	via-emerald-100
via_emerald_200	via-emerald-200
via_emerald_300	via-emerald-300
via_emerald_400	via-emerald-400
via_emerald_50	via-emerald-50
via_emerald_500	via-emerald-500
via_emerald_600	via-emerald-600
via_emerald_700	via-emerald-700
via_emerald_800	via-emerald-800
via_emerald_900	via-emerald-900
via_emerald_950	via-emerald-950
via_fuchsia_100	via-fuchsia-100
via_fuchsia_200	via-fuchsia-200
via_fuchsia_300	via-fuchsia-300
via_fuchsia_400	via-fuchsia-400
via_fuchsia_50	via-fuchsia-50
via_fuchsia_500	via-fuchsia-500
via_fuchsia_600	via-fuchsia-600
via_fuchsia_700	via-fuchsia-700
via_fuchsia_800	via-fuchsia-800
via_fuchsia_900	via-fuchsia-900
via_fuchsia_950	via-fuchsia-950
via_gray_100	via-gray-100
via_gray_200	via-gray-200
via_gray_300	via-gray-300
via_gray_400	via-gray-400
via_gray_50	via-gray-50
via_gray_500	via-gray-500
via_gray_600	via-gray-600
via_gray_700	via-gray-700
via_gray_800	via-gray-800
via_gray_900	via-gray-900
via_gray_950	via-gray-950
via_green_100	via-green-100
via_green_200	via-green-200
via_green_300	via-green-300
via_green_400	via-green-400
via_green_50	via-green-50
via_green_500	via-green-500
via_green_600	via-green-600
via_green_700	via-green-700
via_green_800	via-green-800
via_green_900	via-green-900
via_green_950	via-green-950
via_indigo_100	via-indigo-100
via_indigo_200	via-indigo-200
via_indigo_300	via-indigo-300
via_indigo_400	via-indigo-400
via_indigo_50	via-indigo-50
via_indigo_500	via-indigo-500
via_indigo_600	via-indigo-600
via_indigo_700	via-indigo-700
via_indigo_800	via-indigo-800
via_indigo_900	via-indigo-900
via_indigo_950	via-indigo-950
via_inherit	via-inherit
via_lime_100	via-lime-100
via_lime_200	via-lime-200
via_lime_300	via-lime-300
via_lime_400	via-lime-400
via_lime_50	via-lime-50
via_lime_500	via-lime-500
via_lime_600	via-lime-600
via_lime_700	via-lime-700
via_lime_800	via-lime-800
via_lime_900	via-lime-900
via_lime_950	via-lime-950
via_neutral_100	via-neutral-100
via_neutral_200	via-neutral-200
via_neutral_300	via-neutral-300
via_neutral_400	via-neutral-400
via_neutral_50	via-neutral-50
via_neutral_500	via-neutral-500
via_neutral_600	via-neutral-600
via_neutral_700	via-neutral-700
via_neutral_800	via-neutral-800
via_neutral_900	via-neutral-900
via_neutral_950	via-neutral-950
via_orange_100	via-orange-100
via_orange_200	via-orange-200
via_orange_300	via-orange-300
via_orange_400	via-orange-400
via_orange_50	via-orange-50
via_orange_500	via-orange-500
via_orange_600	via-orange-600
via_orange_700	via-orange-700
via_orange_800	via-orange-800
via_orange_900	via-orange-900
via_orange_950	via-orange-950
via_pink_100	via-pink-100
via_pink_200	via-pink-200
via_pink_300	via-pink-300
via_pink_400	via-pink-400
via_pink_50	via-pink-50
via_pink_500	via-pink-500
via_pink_600	via-pink-600
via_pink_700	via-pink-700
via_pink_800	via-pink-800
via_pink_900	via-pink-900
via_pink_950	via-pink-950
via_purple_100	via-purple-100
via_purple_200	via-purple-200
via_purple_300	via-purple-300
via_purple_400	via-purple-400
via_purple_50	via-purple-50
via_purple_500	via-purple-500
via_purple_600	via-purple-600
via_purple_700	via-purple-700
via_purple_800	via-purple-800
via_purple_900	via-purple-900
via_purple_950	via-purple-950
via_red_100	via-red-100
via_red_200	via-red-200
via_red_300	via-red-300
via_red_400	via-red-400
via_red_50	via-red-50
via_red_500	via-red-500
via_red_600	via-red-600
via_red_700	via-red-700
via_red_800	via-red-800
via_red_900	via-red-900
via_red_950	via-red-950
via_rose_100	via-rose-100
via_rose_200	via-rose-200
via_rose_300	via-rose-300
via_rose_400	via-rose-400
via_rose_50	via-rose-50
via_rose_500	via-rose-500
via_rose_600	via-rose-600
via_rose_700	via-rose-700
via_rose_800	via-rose-800
via_rose_900	via-rose-900
via_rose_950	via-rose-950
via_sky_100	via-sky-100
via_sky_200	via-sky-200
via_sky_300	via-sky-300
via_sky_400	via-sky-400
via_sky_50	via-sky-50
via_sky_500	via-sky-500
via_sky_600	via-sky-600
via_sky_700	via-sky-700
via_sky_800	via-sky-800
via_sky_900	via-sky-900
via_sky_950	via-sky-950
via_slate_100	via-slate-100
via_slate_200	via-slate-200
via_slate_300	via-slate-300
via_slate_400	via-slate-400
via_slate_50	via-slate-50
via_slate_500	via-slate-500
via_slate_600	via-slate-600
via_slate_700	via-slate-700
via_slate_800	via-slate-800
via_slate_900	via-slate-900
via_slate_950	via-slate-950
via_stone_100	via-stone-100
via_stone_200	via-stone-200
via_stone_300	via-stone-300
via_stone_400	via-stone-400
via_stone_50	via-stone-50
via_stone_500	via-stone-500
via_stone_600	via-stone-600
via_stone_700	via-stone-700
via_stone_800	via-stone-800
via_stone_900	via-stone-900
via_stone_950	via-stone-950
via_teal_100	via-teal-100
via_teal_200	via-teal-200
via_teal_300	via-teal-300
via_teal_400	via-teal-400
via_teal_50	via-teal-50
via_teal_500	via-teal-500
via_teal_600	via-teal-600
via_teal_700	via-teal-700
via_teal_800	via-teal-800
via_teal_900	via-teal-900
via_teal_950	via-teal-950
via_transparent	via-transparent
via_violet_100	via-violet-100
via_violet_200	via-violet-200
via_violet_300	via-violet-300
via_violet_400	via-violet-400
via_violet_50	via-violet-50
via_violet_500	via-violet-500
via_violet_600	via-violet-600
via_violet_700	via-violet-700
via_violet_800	via-violet-800
via_violet_900	via-violet-900
via_violet_950	via-violet-950
via_white	via-white
via_yellow_100	via-yellow-100
via_yellow_200	via-yellow-200
via_yellow_300	via-yellow-300
via_yellow_400	via-yellow-400
via_yellow_50	via-yellow-50
via_yellow_500	via-yellow-500
via_yellow_600	via-yellow-600
via_yellow_700	via-yellow-700
via_yellow_800	via-yellow-800
via_yellow_900	via-yellow-900
via_yellow_950	via-yellow-950
via_zinc_100	via-zinc-100
via_zinc_200	via-zinc-200
via_zinc_300	via-zinc-300
via_zinc_400	via-zinc-400
via_zinc_50	via-zinc-50
via_zinc_500	via-zinc-500
via_zinc_600	via-zinc-600
via_zinc_700	via-zinc-700
via_zinc_800	via-zinc-800
via_zinc_900	via-zinc-900
via_zinc_950	via-zinc-950

Arbitraries

TailwindJS token	TailwindCSS token
from_arbitrary, from_arb	from-[…]
from_amber_arbitrary, from_amber_arb	from-amber-[…]
from_blue_arbitrary, from_blue_arb	from-blue-[…]
from_cyan_arbitrary, from_cyan_arb	from-cyan-[…]
from_emerald_arbitrary, from_emerald_arb	from-emerald-[…]
from_fuchsia_arbitrary, from_fuchsia_arb	from-fuchsia-[…]
from_gray_arbitrary, from_gray_arb	from-gray-[…]
from_green_arbitrary, from_green_arb	from-green-[…]
from_indigo_arbitrary, from_indigo_arb	from-indigo-[…]
from_lime_arbitrary, from_lime_arb	from-lime-[…]
from_neutral_arbitrary, from_neutral_arb	from-neutral-[…]
from_orange_arbitrary, from_orange_arb	from-orange-[…]
from_pink_arbitrary, from_pink_arb	from-pink-[…]
from_purple_arbitrary, from_purple_arb	from-purple-[…]
from_red_arbitrary, from_red_arb	from-red-[…]
from_rose_arbitrary, from_rose_arb	from-rose-[…]
from_sky_arbitrary, from_sky_arb	from-sky-[…]
from_slate_arbitrary, from_slate_arb	from-slate-[…]
from_stone_arbitrary, from_stone_arb	from-stone-[…]
from_teal_arbitrary, from_teal_arb	from-teal-[…]
from_violet_arbitrary, from_violet_arb	from-violet-[…]
from_yellow_arbitrary, from_yellow_arb	from-yellow-[…]
from_zinc_arbitrary, from_zinc_arb	from-zinc-[…]
to_arbitrary, to_arb	to-[…]
to_amber_arbitrary, to_amber_arb	to-amber-[…]
to_blue_arbitrary, to_blue_arb	to-blue-[…]
to_cyan_arbitrary, to_cyan_arb	to-cyan-[…]
to_emerald_arbitrary, to_emerald_arb	to-emerald-[…]
to_fuchsia_arbitrary, to_fuchsia_arb	to-fuchsia-[…]
to_gray_arbitrary, to_gray_arb	to-gray-[…]
to_green_arbitrary, to_green_arb	to-green-[…]
to_indigo_arbitrary, to_indigo_arb	to-indigo-[…]
to_lime_arbitrary, to_lime_arb	to-lime-[…]
to_neutral_arbitrary, to_neutral_arb	to-neutral-[…]
to_orange_arbitrary, to_orange_arb	to-orange-[…]
to_pink_arbitrary, to_pink_arb	to-pink-[…]
to_purple_arbitrary, to_purple_arb	to-purple-[…]
to_red_arbitrary, to_red_arb	to-red-[…]
to_rose_arbitrary, to_rose_arb	to-rose-[…]
to_sky_arbitrary, to_sky_arb	to-sky-[…]
to_slate_arbitrary, to_slate_arb	to-slate-[…]
to_stone_arbitrary, to_stone_arb	to-stone-[…]
to_teal_arbitrary, to_teal_arb	to-teal-[…]
to_violet_arbitrary, to_violet_arb	to-violet-[…]
to_yellow_arbitrary, to_yellow_arb	to-yellow-[…]
to_zinc_arbitrary, to_zinc_arb	to-zinc-[…]
via_arbitrary, via_arb	via-[…]
via_amber_arbitrary, via_amber_arb	via-amber-[…]
via_blue_arbitrary, via_blue_arb	via-blue-[…]
via_cyan_arbitrary, via_cyan_arb	via-cyan-[…]
via_emerald_arbitrary, via_emerald_arb	via-emerald-[…]
via_fuchsia_arbitrary, via_fuchsia_arb	via-fuchsia-[…]
via_gray_arbitrary, via_gray_arb	via-gray-[…]
via_green_arbitrary, via_green_arb	via-green-[…]
via_indigo_arbitrary, via_indigo_arb	via-indigo-[…]
via_lime_arbitrary, via_lime_arb	via-lime-[…]
via_neutral_arbitrary, via_neutral_arb	via-neutral-[…]
via_orange_arbitrary, via_orange_arb	via-orange-[…]
via_pink_arbitrary, via_pink_arb	via-pink-[…]
via_purple_arbitrary, via_purple_arb	via-purple-[…]
via_red_arbitrary, via_red_arb	via-red-[…]
via_rose_arbitrary, via_rose_arb	via-rose-[…]
via_sky_arbitrary, via_sky_arb	via-sky-[…]
via_slate_arbitrary, via_slate_arb	via-slate-[…]
via_stone_arbitrary, via_stone_arb	via-stone-[…]
via_teal_arbitrary, via_teal_arb	via-teal-[…]
via_violet_arbitrary, via_violet_arb	via-violet-[…]
via_yellow_arbitrary, via_yellow_arb	via-yellow-[…]
via_zinc_arbitrary, via_zinc_arb	via-zinc-[…]