Free color tool

CSS Color Variables Generator

Create CSS custom properties from a generated color palette and copy them into your website.

Export CSS variablesExport tokens

How it helps

CSS variables make it easy to reuse brand colors across components without hardcoding hex values repeatedly.

  • 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.