Back to Plugins
Volume — 3D OKLCH Color Picker & Palette Generator for Figma

Volume — 3D OKLCH Color Picker & Palette Generator for Figma

The World's Most Powerful Color Palette Generator

Plugin Preview

Volume — 3D OKLCH Color Picker & Palette Generator for Figma preview

About this plugin

Volume is a next-generation color picker and palette generator for Figma, powered by OKLCH. Unlike flat 2D color pickers, Volume lets you build relational color harmonies—like modular building blocks—inside a true 3D color space. Built for designers and color enthusiasts working on design systems, product UI, and brand palettes.Features:3D OKLCH color solid — Explore the perceptual geometry of OKLCH, within the sRGB or Display P3 gamutProcedural palettes — Generate harmonious palettes from a single base color and the power of color scienceColor scales — Create perceptually uniform scales for smooth gradients, type hierarchies, and UI statesModular editing — Isolate nodes, adjust hue, chroma, or lightness independently, then snap them back while preserving your palette's structureSync to Figma Variables — Push palettes into a Volume variable collection as design tokens for theme modes and component bindings (not one-off Color Styles)Apply to selection — The selected node’s color is applied to your Figma selection’s fills in real time; change the selected swatch or edit the color and the layers updatePull from selection — Import colors from selected Figma layers and refine them in VolumeDisplay P3 support — Work in wide-gamut P3 and keep colors accurate when syncingExport — Directly to Figma, or save swatches from the web app as PNG, SVG, CSS, JSON, or ASECloud sync — Collections sync between the Volume web app and the Figma plugin. Build palettes in either place and use them in Figma

Plugin Details

Version1
CreatedFebruary 25, 2026
Last UpdatedMarch 10, 2026
Categoryediting & effects plugins
CreatorEldon Loblein
Stats10 installs, 7 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://www.volumecolor.io