Given the Nuxt UI Chip component having a color property accepting fixed colors.

I'm calculating a heatmap color ranging from the Tailwind colors "bg-transparent" to "bg-emerald-900" but how can I apply them?

The color prop does not accept them and class="bg-emerald-900" sets the content background color.

Is there a way to set the ui prop with that custom color?