You can create Custom Gradient using bgGradient API of Chakra UI (v3):
For Example, To create a simple gradient from green.200 to pink.500 :
<Box bgGradient="to-r" gradientFrom="green.200" gradientTo="pink.500" />
Source: https://www.chakra-ui.com/docs/styling/style-props/background