The gradient preview shows the palette as one continuous left-to-right gradient. It helps you see how the colors transition together and whether the palette creates a smooth or dramatic visual flow.
Where to find it
Open a palette page and go to the Visuals section. The gradient preview appears before the more advanced gradient combination tools.
Copy the gradient
Click the gradient preview to copy a CSS linear-gradient(to right, ...) value using every color in the palette.
When to use it
- Hero backgrounds.
- Decorative section dividers.
- Social graphics.
- Presentation covers.
- Brand mood previews.
- Subtle overlay concepts.
Gradient tip
A gradient can look attractive but still make text hard to read. Add overlays or place text on a calmer part of the gradient.