Color Palette Generator

2022
Tool, Web Dev.

Overview

The Color Palette Generator is a lightweight Figma plugin that allows designers to quickly create, refine, and export cohesive color palettes without leaving their workspace. It streamlines early visual exploration by making it simple to randomize color combinations, manually adjust values, and seamlessly push finalized palettes into a Figma design file.

Color Palette Generation

The plugin initializes with three generated colors and allows continuous reshuffling to explore endless combinations until a palette feels right.

Lock, Add, and Remove Colors

Users can lock colors to prevent them from changing when randomizing, making it simple to keep promising colors while exploring new variations. Colors can be added manually or removed entirely, giving full flexibility to shape the palette.

  • Lock colors when refining
  • Add new colors manually
  • Remove colors to adjust palette size

HEX, RGB, and HSL Support

The tool supports HEX, RGB, and HSL formats, making it compatible with brand colors and workflows that require precise input. Users can manually edit values to fine-tune new or existing palettes.

Export to Figma

Once the palette is finalized, it can be exported directly into the active Figma file, eliminating the need for external color tools and allowing designers to move quickly from exploration to implementation.

Community Use

The plugin is actively used within the Figma Community, with nearly 30,000 users incorporating it into their design workflows.

Built With

  • Typescript
  • Vanilla JS
  • Figma