Includes gradient color-stop control (from-*/via-*/to-*), custom-angle linear gradients, and theme-config extension for custom colors and background images.

Tailwind CSS Backgrounds Skill

Complete reference for background utilities in Tailwind CSS v4.1, including colors, gradients, images, positioning, sizing, and blend modes.

Background Colors

Use bg-{color} utilities to set background colors with the modernized OKLCH color palette.

<!-- Basic colors -->
<div class="bg-red-500"></div>
<div class="bg-blue-600"></div>
<div class="bg-emerald-400"></div>