Tailwind CSS Colors - All colors + Custom color generator

Create and visualize Tailwind colors on all sorts of components and designs.

Brand

Neutral

Status

Add success, warning, and error color scales and preview them right inside the Components tab.

Add a custom neutral color scale for standard UI elements like text, borders, and surfaces.

Add secondary color scale

Add status color scales

Add a neutral color scale

Generate random

Spacebar