Back to Plugins
Color Harmony

Color Harmony

Explore Harmonious Colors and Variations on the color wheel.

figjamgeneratorpaletteautomationcolorfuldesigncomplementarycolor palettefigmacolorcolor pickercolor styles

Plugin Preview

Color Harmony preview

About this plugin

Explore the perfect color combinations. Pick the first hex code, and find other pleasing colors on the color wheel.


Color Harmonies

  1. Analogous
  2. Complementary
  3. Split Complementary
  4. Triadic
  5. Tetradic
  6. Compound
  7. Square


Color Variations

  1. Shades
  2. Tints
  3. Monochromatic
  4. Tones
  5. Hues


Features

  1. Select an object in your Figma project to load its color.
  2. Press "Update" to set it as the Current Color.
  3. Hover over the result colors to view their hex codes, and click to copy a color.
  4. In Settings, enable "Click color to fill" to fill the selected object with a result color.

Plugin Details

Version17
CreatedSeptember 29, 2024
Last UpdatedOctober 14, 2024
Categoryshapes-colors
CreatorSaranomy
Stats42 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the shapes-colors category.