Free color tool

CSS Gradient Generator

Create linear, radial and conic gradients from generated color palettes.

Generate gradientsExport tokens

How it helps

Gradients usually work best with two to four colors and enough contrast between stops.

  • Generate palettes from one base color.
  • Check contrast before shipping UI text.
  • Export CSS, Tailwind, SCSS, JSON, SVG and PNG.
  • Works locally in the browser.
Is Chromaforge free?

Yes. The tool runs in your browser and does not require an account.

Does it upload my images?

No. Image extraction uses the browser canvas locally.

Can I use the colors commercially?

Yes. The generated color values are plain color data.