这是Tailwind版本3的文档，它具有expanded color palette。
您要么需要更新到这个版本，要么使用版本2文档https://v2.tailwindcss.com/docs/customizing-colors#extending-the-defaults并手动展开palette，如下所示：

// tailwind.config.js
const colors = require('tailwindcss/colors')

module.exports = {
  theme: {
    extend: {
      colors: {
        amber: colors.amber,
        emerald: colors.emerald,
      }
    }
  }
}

有关v2颜色自定义的详细信息
调色板参考v2
所以，如果你想配置你的调色板，只需阅读这个v2文档。

如果您使用PostCSS 7兼容版本（https://www.npmjs.com/package/@tailwindcss/postcss7-compat），则需要将颜色添加到tailwind.config.js，如下所示：

const colors = require('tailwindcss/colors')

module.exports = {
    theme: {
        extend: {
            colors: {
                stone: colors.warmGray,
                sky: colors.lightBlue,
                neutral: colors.trueGray,
                gray: colors.coolGray,
                slate: colors.blueGray,
            }
        }
    }
}

**解释：**我遇到了同样的问题（兼容性构建），所以我做了一些挖掘，在colors.d.ts中发现了以下内容，这意味着您可以将上述内容添加到项目中的tailwind.config.js文件中，以使用与其v3实用程序类名相同的颜色（例如“bg-neutral-800”）。

/**
 * @deprecated renamed to 'sky' in v2.2
 */
lightBlue: TailwindColorGroup;
/**
 * @deprecated renamed to 'stone' in v3.0
 */
warmGray: TailwindColorGroup;
/**
 * @deprecated renamed to 'neutral' in v3.0
 */
trueGray: TailwindColorGroup;
/**
 * @deprecated renamed to 'gray' in v3.0
 */
coolGray: TailwindColorGroup;
/**
 * @deprecated renamed to 'slate' in v3.0
 */
blueGray: TailwindColorGroup;

试试这个：

const colors = require('tailwindcss/colors')

module.exports = {
    theme: {
        extend: {
            colors: {
                   //just add this below and your all other tailwind colors willwork
                ...colors
            }
        }
    }
}