Back to Plugins
ArtyColors – Color Variant Shifter

ArtyColors – Color Variant Shifter

Make color variants while preserving shadows, highlights, & color relationships | OKLCH color space

Plugin Preview

ArtyColors – Color Variant Shifter preview

About this plugin

Ever changed a button color and then had to manually adjust all its shadows, highlights, and accent colors? ArtyColors maintains the visual relationships between your colors automatically.How It Works:Design your master component with your perfect color balanceTag your colors - mark which is your base color and which are shadows/highlights/etc.Generate unlimited variants - change the base color and watch all related colors update proportionallyPerfect For:Creating multiple button states (primary, secondary, success, warning)Building theme variations (light/dark/brand colors)Generating color systems from a single sourceMaintaining consistent shadow and highlight relationshipsKey Features:Preserves color relationships using perceptual color space (OKLCH)Batch generation - create 10 variants as fast as 1Smart templates - save and reuse your color relationshipsWorks with any design - buttons, cards, illustrations, UI componentsExample Use Case:You've designed the perfect pink gradient button with subtle shadows and glowing highlights. Need it in blue? Green? Your brand colors? ArtyColors creates perfect variants in seconds, maintaining the exact same visual depth and luminosity relationships.---Technical Detail: Color Relationship ModelBase → Color transformationsLightness: L' = L ± k × (range)Chroma: C' = C × multiplierHue: h' = h + Δ degrees

Plugin Details

Version1
CreatedSeptember 3, 2025
Last UpdatedSeptember 4, 2025
Categoryediting & effects plugins
CreatorGracie Williams
Stats197 installs, 6 likes
PricingFree

Technical Details

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