Nuxt UI - Custom tailwind color palettes do not seem to work.

import type { Config } from 'tailwindcss'
import defaultTheme from 'tailwindcss/defaultTheme'

export default <Partial<Config>>{
  theme: {
    extend: {
      colors: {
        alpha: {
          '50': '#eff9fc',
          '100': '#d6f0f7',
          '200': '#b2e2ef',
          '300': '#7dcbe3',
          '400': '#40acd0',
          '500': '#258fb5',
          '600': '#22769c',
          '700': '#215e7d',
          '800': '#234f67',
          '900': '#214358',
          '950': '#112a3b',
        },
        beta: {
          '50': '#f8faeb',
          '100': '#eff3d4',
          '200': '#dfe8ae',
          '300': '#c8d77f',
          '400': '#b0c556',
          '500': '#8fa637',
          '600': '#728729',
          '700': '#576724',
          '800': '#465321',
          '900': '#3c4720',
          '950': '#1f260d',
        },
      }
    }
  }
}