Tailwind Palette Generator

Générateur de palette Tailwind

Try it →

Overview

Pick a base color and instantly generate a full 50–950 Tailwind shade scale.

How to use

  1. Open the Tailwind Palette Generator from the sidebar.
  2. Pick a base color using the color picker or type a HEX value.
  3. The full 50–950 shade scale generates automatically.
  4. Click any swatch to copy its HEX value.
  5. Use the export buttons to copy the whole scale as a Tailwind config object or as CSS custom properties.

Aperçu

Choisissez une couleur de base et générez instantanément une échelle Tailwind complète de 50 à 950.

Comment l'utiliser

  1. Ouvrez le Générateur de palette Tailwind depuis la barre latérale.
  2. Choisissez une couleur de base via le sélecteur ou saisissez un HEX.
  3. L'échelle complète 50–950 se génère automatiquement.
  4. Cliquez sur une teinte pour copier son HEX.
  5. Utilisez les boutons d'export pour copier l'échelle sous forme de configuration Tailwind ou de variables CSS.