Tailwind Color Palette Generator

Generate all 11 Tailwind shades (50–950) from any base color. Copy as config, CSS variables, or JSON.

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        "primary": {
          50: "#f2f6fc",
          100: "#e6edf9",
          200: "#c9d9f3",
          300: "#94bbfa",
          400: "#5995f7",
          500: "#3b82f6",
          600: "#156af4",
          700: "#0954cd",
          800: "#0f4195",
          900: "#0a2f6b",
          950: "#061d41",
        },
      },
    },
  },
};

All processing happens in your browser. Nothing is sent to a server.

FAQ

Is Tailwind Color Palette Generator free to use?

Yes, Tailwind Color Palette Generator is completely free to use on UtilityCove.

Does Tailwind Color Palette Generator upload my data?

No. Tailwind Color Palette Generator runs in your browser, so your input stays on your device.

Can I use Tailwind Color Palette Generator on mobile?

Yes. Tailwind Color Palette Generator works on modern mobile and desktop browsers.

Related Tools

HEX to RGB

Convert hex color codes to RGB values.

HEX to HSL

Convert hex color codes to HSL values.

RGB to HEX

Convert RGB values to hex color codes.

RGB to HSV

Convert RGB values to HSV/HSB values.

RGB to CMYK

Convert RGB values to CMYK for print.

RGB to LAB

Convert RGB to CIE L*a*b* color space.