Back to Plugins
ColorGen

ColorGen

Effortlessly craft vibrant color palettes & gradients & bring them straight into Figma—fun included.

color palettegradientscolor scale

Plugin Preview

ColorGen preview

About this plugin

Colorgen – Your Ultimate Color Toolkit for Figma


This is my first plugin! Transform your Figma workflow with Colorgen, the all-in-one plugin designed for modern creators who want vibrant and versatile color solutions. Whether you’re looking to create harmonious palettes, stunning gradients, or nuanced color scales, Colorgen makes it easy. Plus, enjoy an engaging HSL color game to challenge and sharpen your color skills.


🌈 Key Features:


  1. Effortless Palette & Gradient Generation: Generate inspiring palettes and gradients with just a click.
  2. Interactive Color Application: Apply any generated color directly to your selected frames for seamless integration.
  3. Add to Canvas: Instantly add custom palettes and gradient scales to your Figma canvas for easy reference and use.
  4. HSL Color Game: Have fun and test your color-matching skills with a built-in color game.
  5. User-Friendly Design: Simple controls that enhance your creative process without complexity.


Elevate your design projects with Colorgen and make color exploration fun, intuitive, and impactful. Please provide feedback and any additional feature enhancements.


🛠️ Areas for Improvement:

  1. Color palette generations could be better. I'm working on incorporating color libraries and some generative features for more robust palettes.
  2. HSL Color game needs some improvement - the difficulty levels aren't as good as they could be
  3. Thinking about adding color palettes from images!

Plugin Details

Version3
CreatedNovember 3, 2024
Last UpdatedFebruary 27, 2025
Categoryediting & effects plugins
CreatorJacquelyn Halpern
Stats18 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net
    • https://cdn.tailwindcss.com