nativewind: custom color in tailwind config file not being recognized

Everything works great on this package. The docs are clear and helpful. I only have one issue. When I add a custom color to tailwind.config.js it’s not registering. I’ve restarted expo but still doesn’t work. This is my config file for tailwind:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./screens/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        "regal-blue": "#50d71e",  // this part is not working
      },
    },
  },
  plugins: [],
};

Do you have any suggestions? It’s running expo 5.4.11 react-native": "0.68.2 react": "17.0.2