Chroma Forge

About this plugin

Chroma Forge for Figma

A powerful color selection plugin for Figma that provides an intuitive color wheel and advanced color harmony tools to create consistent color palettes.

Features

Interactive Color Wheel

1. High-precision color selection with a fully interactive color wheel
2. Adjustable brightness and saturation sliders
3. Real-time color preview
4. HEX code input with validation

Color Harmony Tools

1. Create cohesive color palettes using different harmony types:
2. Analogous: Colors that are adjacent to each other on the color wheel
3. Triad: Three colors evenly spaced around the color wheel
4. Complementary: Colors opposite each other on the color wheel
5. Split Complementary: A main color and two colors adjacent to its complement
6. Square: Four colors evenly spaced around the color wheel
7. Compound: A combination of complementary and analogous harmonies
8. Mono: A single color with various shades
9. Custom: Create your own custom harmony by placing markers freely

Flexible Color Selection

1. Select 2-6 colors at once (depending on harmony type)
2. Drag markers on the wheel to fine-tune your color selection
3. Automatic contrast adjustment for optimal visibility

Figma Integration

1. Apply selected colors directly to selected elements
2. Create color styles from your palette
3. Generate color variables with automatic shade variants (10% to 100% brightness)
4. Intelligent naming system for organizing colors

How to Use

Select a Harmony Type: Choose from the dropdown menu to define how colors relate to each other

Select Number of Colors: Choose how many colors you want in your palette (2-6)

Choose Your Base Color: Click and drag on the color wheel or enter a HEX code

Adjust Saturation and Brightness: Use the sliders to fine-tune your colors

Apply Colors: Use the buttons to:

1. Apply directly to selected elements
2. Add to Figma color styles
3. Add to Figma variables (with automatic shade creation)

Email me

Behance

Dribbble

LinkedIn