You can add any custom color to the tailwind.config.js so you don't need to repeat the hsl value everytime you want to use it. You can refer the tailwind docs to do that: https://tailwindcss.com/docs/customizing-colors. It works for backgrounds, colors, even gradients.