Custom Colors in Nuxt UI v3

import type { Config } from 'tailwindcss'

export default <Partial<Config>>{
  theme: {
    extend: {
      colors: {
        newcolor: {
          50: '#ffda7c',
          100: '#ffd466',
          200: '#ffcd50',
          300: '#ffc73a',
          400: '#ffc124',
          500: '#e6ae20',
          600: '#cc9a1d',
          700: '#b38719',
          800: '#997416',
          900: '#806112',
          950: '#664d0e',
        },
      },
    },
  },
}

export default defineAppConfig({
  ui: {
    primary: 'newcolor',
    gray: 'zinc',
  },
})